@extends('layouts.app')

@section('content')
    <div class="page-wrapper">

        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h3 class="text-themecolor">{{ trans('lang.bookit_plural') }}</h3>
            </div>

            <div class="col-md-7 align-self-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">{{ trans('lang.dashboard') }}</a></li>
                    <li class="breadcrumb-item">{{ trans('lang.bookit_plural') }}</li>
                    <li class="breadcrumb-item active">{{ trans('lang.bookit_table') }}</li>
                </ol>
            </div>
        </div>

        <div class="container-fluid">
            <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">
                {{ trans('lang.processing') }}
            </div>

            <div class="row">
                <div class="col-12">

                    <div class="card">
                        <div class="card-header">
                            <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
                                <li class="nav-item">
                                    <a class="nav-link active" href="{!! url()->current() !!}">
                                        <i class="fa fa-list mr-2"></i>{{ trans('lang.bookit_table') }}
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{!! route('bookit.create') !!}">
                                        <i class="fa fa-plus mr-2"></i>{{ trans('lang.create_bookit') }}
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body">

                            <div class="table-responsive m-t-10">
                                <table id="bookitTable" class="display nowrap table table-hover table-striped table-bordered" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            @if (in_array('bookit.delete', json_decode(@session('user_permissions'), true)))
                                                <th class="delete-all">
                                                    <input type="checkbox" id="is_active">
                                                    <label class="col-3 control-label" for="is_active">
                                                        <a id="deleteAll" class="do_not_delete" href="javascript:void(0)">
                                                            <i class="fa fa-trash"></i> {{ trans('lang.all') }}
                                                        </a>
                                                    </label>
                                                </th>
                                            @endif

                                            <th>{{ trans('lang.image') }}</th>
                                            <th>{{ trans('lang.name') }}</th>
                                            <th>{{ trans('lang.phone') }}</th>
                                            <th>{{ trans('lang.email') }}</th>
                                            <th>{{ trans('lang.address') }}</th>
                                            <th>{{ trans('lang.created_at') }}</th>
                                            <th>{{ trans('lang.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="append_bookit">
                                        @foreach ($bookits as $bookit)
                                            <tr>
                                                <td class="delete-all">
                                                    <input type="checkbox" id="is_open_{{ $bookit->id }}" class="is_open" dataId="{{ $bookit->id }}">
                                                    <label class="col-3 control-label" for="is_open_{{ $bookit->id }}"></label>
                                                </td>
                                                <td>
                                                    <img src="{{ $bookit->media->where('collection_name', 'logo_image')->first()?->getFullUrl() }}"
                                                         style="width:50px;" alt="Logo" />
                                                </td>
                                                <td>{{ $bookit->name }}</td>
                                                <td>{{ $bookit->phone }}</td>
                                                <td>{{ $bookit->email }}</td>
                                                <td>{{ $bookit->address }}</td>
                                                <td>{{ $bookit->created_at }}</td>
                                                <td class="action-btn">
                                                    <form action="{{ route('bookit.destroy', $bookit->id) }}" method="POST">
                                                        @csrf
                                                        @method('DELETE')
                                                        <a href="{{ route('bookit.show', $bookit->id) }}" class="btn p-0 me-2" title="View">
                                                            <i class="fa fa-eye text-info"></i>
                                                        </a>
                                                        <a href="{{ route('bookit.edit', $bookit->id) }}">
                                                            <i class="fa fa-edit"></i>
                                                        </a>
                                                        <button id="{{ $bookit->id }}" name="bookit-delete" class="do_not_delete btn p-0" onclick="return confirm('Are you sure?');">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        var user_permissions = '