@extends('layouts.app')
@section('title')
    {{ __('messages_1.Shows') }}
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-profile.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/plyr/plyr.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/app-academy-details.css') }}" />
@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">
            <!-- Navbar pills -->
            @include('admin.shows.inc.nav')

            <div class="card g-3 mt-3" id="basic_info_card">
                {{-- <div class="card g-3 mt-5"> --}}
                {{-- <div class="container-xxl flex-grow-1 container-p-y"> --}}

                    <div class="app-academy">
                        <div class="card-header d-flex flex-wrap justify-content-between gap-3">
                            <div class="card-title mb-0 me-1">
                                <h5 class="mb-1">{{ __('messages.Dates and Prices') }}</h5>
                            </div>

                        </div>
                        {{-- <h4 class="py-3 mb-4"><span class="text-muted fw-light">{{ __("messages.Dates and Prices") }}</h4> --}}
                        <div class="card-body">

                            <div class="row gy-4 mb-4">
                                @foreach ($data->show_dates as $date)
                                    <div class="col-lg-6 mb-4">
                                        <div class="card h-100">
                                            <div class="card-header d-flex justify-content-between">
                                                <h5 class="card-title m-0 me-2">
                                                    {{ \Carbon\Carbon::parse($date->show_dates)->format('Y-m-d h:i:s A') }}</h5>
                                                <div class="dropdown">
                                                    <button class="btn p-0" type="button" id="teamMemberList" data-bs-toggle="dropdown"
                                                        aria-haspopup="true" aria-expanded="false">
                                                        <i class="ti ti-dots-vertical ti-sm text-muted"></i>
                                                    </button>
                                                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="teamMemberList">
                                                        <a class="dropdown-item"
                                                            href="{{ route('admin.shows.edit.dates', ['show_id' => $data->id, 'date_id'=> $date->id]) }}">{{ __('messages.Edit') }}</a>
                                                        <a class="dropdown-item" href="javascript:void(0);">Refresh</a>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="table-responsive">
                                                <table class="table table-borderless border-top">
                                                    <thead class="border-bottom">
                                                        <tr>
                                                            <th>#</th>
                                                            <th>{{ __('messages.Rows') }}</th>
                                                            <th>{{ __('messages_1.Section') }}</th>
                                                            <th>{{ __('messages.Price') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($date->prices as $item)
                                                            <tr>
                                                                <td>
                                                                    <p class="mb-0 fw-medium">{{ $loop->iteration }}</p>

                                                                </td>
                                                                <td>
                                                                    <p class="mb-0 fw-medium">{{ Str::ucfirst($item->row_name) }}</p>

                                                                </td>

                                                                <td>
                                                                    <p class="mb-0 fw-medium">
                                                                        {{ __('messages.seats_sections.' . $item->section) }}
                                                                    </p>
                                                                </td>
                                                                <td>
                                                                    <p class="mb-0 fw-medium">{{ $item->price }}</p>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                {{-- </div> --}}

                {{-- </div> --}}

                {{-- @include('admin.shows.inc.basic_info') --}}
            </div>
            {{-- <div class="card g-3 mt-3" id="media_card" style="display:none;">
                @include('admin.shows.inc.media')
            </div>
            <div class="card g-3 mt-3" id="dates_card" style="display:none;">
                @include('admin.shows.inc.dates')
            </div> --}}



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

    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/js/pages-profile.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/plyr/plyr.js') }}"></script>
    <script src="{{ asset('assets/js/app-academy-course-details.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Function to show the selected card and hide others


            $('.nav-link').on('click', function() {
                var page = $(this).attr('data-page');
                var newUrl = window.location.href.split('?')[0] + "?page=" + page;
                console.log(newUrl);
                window.location.href = newUrl;

            });

            // $('#media_link').on('click', function() {
            //     showCard('#media_card');
            // });

            // $('#dates_link').on('click', function() {
            //     showCard('#dates_card');
            // });

            // // Initial state: Show basic info card and hide others
            // showCard('#basic_info_card');
        });
    </script>
@endsection