@extends('layouts.app')
@section('title')
    {{ __('messages_1.Shows') }}
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages_1.Shows') => 'active',
            ],
        ])


        <!-- Basic Bootstrap Table -->
        <div class="card">
            <div class="p-3 d-flex justify-content-between">
                <div>
                    <form>
                        <div class="input-group">
                            <input value="{{ request('key_words') }}" name="key_words" type="text" class="form-control"
                                placeholder="{{ __('messages.Name') }}" aria-label="Example text with button addon"
                                aria-describedby="button-addon1">
                            <button type="submit" class="btn btn-outline-primary waves-effect" type="button"
                                id="button-addon1">{{ __('messages.Search') }}<i
                                    class="fa-solid fa-magnifying-glass"></i></button>
                        </div>
                    </form>
                </div>
                <div>
                    <div class="btn-group" role="group" aria-label="Basic example">



                        @can('create_show')
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalCenter">
                                {{ __('messages.Add a theatrical show') }}
                            </button>

                    
                        @endcan

                    </div>
                </div>
            </div>
            <div class="table-responsive text-nowrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('messages.Name') }}</th>
                            <th>{{ __('messages.Type show') }}</th>
                            <th>{{ __('messages.Halls') }}</th>
                            <th>{{ __('messages.Author Name') }}</th>
                            <th>{{ __("messages.Director's name") }}</th>
                            <th>{{ __('messages.Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">

                        @include('inc.is_empty_data', [
                            'var_check_empty' => $data,
                            'var_check_empty_rows' => 6,
                        ])

                        @foreach ($data as $item)
                            <tr>
                                <th>{{ $loop->index + 1 }}</th>


                                <td>{{ $item->name }}</td>
                                <td>{{ __('messages.show_types.' . $item->type) }}</td>
                                <td>{{ $item->hall->name }}</td>
                                <td>
                                    @if (app()->getLocale() == 'en')
                                        {{ $item->author_en }}
                                    @else
                                        {{ $item->author }}
                                    @endif
                                </td>
                                <td>
                                    @if (app()->getLocale() == 'en')
                                        {{ $item->director_en }}
                                    @else
                                        {{ $item->director }}
                                    @endif

                                </td>


                                <td>

                                    <a href="{{ route('admin.shows.show' , $item->id) }}" class="btn rounded-pill btn-label-primary waves-effect">
                                        {{ __("messages.Details") }}<span class="ti-xs fa-solid fa-eye  mx-1"></span>
                                    </a>

                                    {{-- <div class="dropdown">
                                        <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                            data-bs-toggle="dropdown">
                                            <i class="ti ti-dots-vertical"></i>
                                        </button>

                                        @can('show_show')
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item" href="{{ route('admin.shows.show', $item->id) }}"><i
                                                        class="ti ti-eye "></i>{{ __('messages_1.show') }}</a>
                                            @endcan

                                        </div>
                                    </div> --}}
                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="m-3">
                    {{-- {{ $data->appends(Request::except(['_token']))->links() }} --}}
                </div>

            </div>
        </div>
        <!--/ Basic Bootstrap Table -->

    </div>


    <div class="col-lg-4 col-md-6">
        <div class="mt-3">
            <!-- Button trigger modal -->


            <!-- Modal -->
            <div
                @if (!$errors->isEmpty()) class="modal fade show" id="modalCenter" tabindex="-1" aria-modal="true" role="dialog" style="display: block;"
                @else
                 class="modal fade " id="modalCenter" tabindex="-1" aria-hidden="true" @endif>
                <form id="hallForm" method="POST">
                    @csrf
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="modalCenterTitle">{{ __('messages_1.Add hall') }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <div class="col-12">
                                    <label class="form-label">{{ __('messages.Halls') }}</label>
                                    <select name="hall_id" id="hall_id" class="form-control mt-2">
                                        <option value="">----</option>
                                        @foreach ($halls as $hall)
                                            <option value="{{ $hall->id }}">{{ $hall->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
                                    {{ __('messages.Cancel') }}
                                </button>
                                <button type="button" class="btn btn-primary"
                                    id="saveButton">{{ __('messages.Save') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/js/ui-modals.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#saveButton').click(function() {
                var hallId = $('#hall_id').val();
                if (hallId) {
                    window.location.href = '{{ url('admin') }}/' + hallId + '/shows/create';
                }
                // } else {
                //     Swal.fire({
                //         icon: 'error',
                //         title: 'Error',
                //         text: '{{ __('messages_1.Please select the hall') }}',
                //         showCancelButton: false,
                //         confirmButtonText: 'OK'
                //     });
                // }
            });
        });
    </script>
@endsection