@extends('user-panelv2.layouts.userv2')
@section('head')
    <link rel="stylesheet" type="text/css" href="{{asset('user-panel/app-assets/css/pages/page-blog.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('user-panel/app-assets/css/plugins/forms/pickers/form-flat-pickr.css')}}">
    <style>
        .additional-customers {
            max-width: 300px;
        }

        .customer-info {
            background-color: #f8f9fa;
            border: 1px solid #e9ecef !important;
            border-radius: 0.25rem;
            transition: all 0.2s ease;
            padding: 0.25rem 0.5rem;
            margin-bottom: 0.25rem;
            font-size: 0.75rem;
            line-height: 1.2;
        }

        .customer-info:hover {
            background-color: #e9ecef;
            border-color: #dee2e6 !important;
        }

        .customer-info:last-child {
            margin-bottom: 0;
        }

        .customer-name {
            font-weight: 600;
            color: #495057;
            margin-bottom: 0.1rem;
        }

        .customer-email {
            color: #6c757d;
            font-size: 0.7rem;
        }

        .customers-summary {
            font-size: 0.7rem;
            color: #6c757d;
            margin-top: 0.25rem;
            font-style: italic;
        }

        .table td {
            vertical-align: middle;
        }

        .badge {
            font-size: 0.75rem;
        }

        .btn-sm {
            font-size: 0.75rem;
            padding: 0.25rem 0.5rem;
        }

        .invoice-list-table th {
            border-top: none;
            font-weight: 600;
            color: #6e6b7b;
            font-size: 0.857rem;
        }

        .dataTables_info {
            font-size: 0.857rem;
        }

        .dataTables_paginate .pagination {
            margin-bottom: 0;
        }

        .dataTables_paginate .page-link {
            font-size: 0.857rem;
            padding: 0.375rem 0.75rem;
        }

        .card-footer {
            background-color: #f8f9fa;
            border-top: 1px solid #ebe9f1;
            padding: 1rem 1.5rem;
        }

        .empty-state {
            padding: 2rem 1rem;
        }

        .empty-state i {
            display: block;
        }

        .empty-state h5 {
            margin-bottom: 0.5rem;
            font-weight: 600;
        }

        .empty-state p {
            margin-bottom: 0;
        }

        .empty-state a {
            color: #7367f0;
            text-decoration: none;
        }

        .empty-state a:hover {
            text-decoration: underline;
        }
    </style>
@endsection

@section('content-head')
    <div class="content-header-left col-md-9 col-12 mb-2">
        <div class="row breadcrumbs-top">
            <div class="col-12">
                <h2 class="content-header-title float-left mb-0">Biletlərim</h2>
                <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">
                        {{--                                <li class="breadcrumb-item"><a href="index.html">Home</a>--}}
                        {{--                                </li>--}}
                        {{--                                <li class="breadcrumb-item"><a href="#">Pages</a>--}}
                        {{--                                </li>--}}
                        {{--                                <li class="breadcrumb-item"><a href="#">Blog</a>--}}
                        {{--                                </li>--}}
                        {{--                                <li class="breadcrumb-item active">Edit--}}
                        {{--                                </li>--}}
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
<!-- BEGIN: Content-->
@section('content')
    <!-- Blog Edit -->
    <div class="blog-edit-wrapper">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        {{--                                <div class="media">--}}
                        {{--                                    <div class="avatar mr-75">--}}
                        {{--                                        <img src="../../../app-assets/images/portrait/small/avatar-s-9.jpg" width="38" height="38" alt="Avatar" />--}}
                        {{--                                    </div>--}}
                        {{--                                    <div class="media-body">--}}
                        {{--                                        <h6 class="mb-25">Chad Alexander</h6>--}}
                        {{--                                        <p class="card-text">May 24, 2020</p>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        <!-- Form -->
                        <form action="{{route('userv2.ticket.store')}}" method="POST" class="mt-2"
                              enctype="multipart/form-data">
                            @csrf
                            {{--                                    <div class="row">--}}
                            {{--                                        <div class="col-md-12">--}}
                            {{--                                                <h1 for="blog-edit-title">Əziz Sakuralar və Anifanlar, Sakura club və Anifanın birgə proyekti ilə qarşınızdayıq.</h1>--}}
                            {{--                                                <ul>--}}
                            {{--                                                    <li>--}}
                            {{--                                                        Bank : XXXX XXXX--}}
                            {{--                                                    </li>--}}
                            {{--                                                    <li>--}}
                            {{--                                                        Qiymət : 8 azn--}}
                            {{--                                                    </li>--}}
                            {{--                                                    <li>--}}
                            {{--                                                        Ödəniş etməzdən qabaq şəxsi hesabınıza keçid edib məlumatları düzgün doldurduğunuzdan əmin olun. Həmin məlumatlara əsasən sizi binaya buraxacaqlar düzgün doldurulmadığı halda köməklik edə bilməyəcəyik.--}}
                            {{--                                                    </li>--}}
                            {{--                                                    <li>--}}
                            {{--                                                        Ödənişi edib qəbzi bura yükləyin mütləq. Qəbz yerini boş buraxmayın yoxsa "Yüklə" basdıqda sorğunuz qəbul edilmir.--}}
                            {{--                                                    </li>--}}
                            {{--                                                </ul>--}}
                            {{--                                                <input type="text" id="blog-edit-title" class="form-control" value="The Best Features Coming to iOS and Web design" />--}}
                            {{--                                        </div>--}}
                            {{--                                        <!-- Array Data -->--}}
                            {{--                                        <div class="col-md-6 col-12">--}}
                            {{--                                            <div class="form-group mb-2">--}}
                            {{--                                                <label for="default-select">Film</label>--}}
                            {{--                                                <select id="default-select" name="title" class="select2 form-control"  >--}}
                            {{--                                                    <option value="the_boy_and_the_beast">Anifan&Sakura - The Boy and The Beast Altyazı</option>--}}
                            {{--                                                </select>--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}
                            {{--                                        <div class="col-md-6 col-12">--}}
                            {{--                                            <div class="form-group mb-2">--}}
                            {{--                                                <label for="blog-edit-category">Haradan eşitmisiz bizi?</label>--}}
                            {{--                                                <select id="blog-edit-category" name="category[]" class="select2 form-control" multiple>--}}
                            {{--                                                    <option value="anifan" selected>Anifan</option>--}}
                            {{--                                                    <option value="sakura">Sakura</option>--}}
                            {{--                                                    <option value="dost">Dost</option>--}}
                            {{--                                                    <option value="other">Başqa</option>--}}
                            {{--                                                </select>--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}
                            {{--                                        <div class="col-md-6 col-12">--}}
                            {{--                                            <div class="form-group mb-2">--}}
                            {{--                                                <label for="blog-edit-slug">Slug</label>--}}
                            {{--                                                <input type="text" id="blog-edit-slug" class="form-control" value="the-best-features-coming-to-ios-and-web-design" />--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}
                            {{--                                        <div class="col-md-6 col-12">--}}
                            {{--                                            <div class="form-group mb-2">--}}
                            {{--                                                <label for="blog-edit-status">Status</label>--}}
                            {{--                                                <select class="form-control" id="blog-edit-status">--}}
                            {{--                                                    <option value="Published">Published</option>--}}
                            {{--                                                    <option value="Pending">Pending</option>--}}
                            {{--                                                    <option value="Draft">Draft</option>--}}
                            {{--                                                </select>--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}
                            {{--                                        <div class="col-12 mb-2">--}}
                            {{--                                            <div class="border rounded p-2">--}}
                            {{--                                                <h4 class="mb-1">Ödəniş Qəbzi</h4>--}}
                            {{--                                                <div class="media flex-column flex-md-row">--}}
                            {{--                                                    <img src="{{asset('user-panel/app-assets/images/slider/03.jpg')}}" id="blog-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="Blog Featured Image" />--}}
                            {{--                                                    <div class="media-body">--}}
                            {{--                                                        <small class="text-muted">Required image resolution 800x400, image size 10mb.</small>--}}
                            {{--                                                        <p class="my-50">--}}
                            {{--                                                            <a href="javascript:void(0);" id="blog-image-text">C:\fakepath\banner.jpg</a>--}}
                            {{--                                                        </p>--}}
                            {{--                                                        <div class="d-inline-block">--}}
                            {{--                                                            <div class="form-group mb-0">--}}
                            {{--                                                                <div class="custom-file">--}}
                            {{--                                                                    <input type="file" name="invoice" class="custom-file-input" id="blogCustomFile" />--}}
                            {{--                                                                    <label class="custom-file-label" for="blogCustomFile">Fayl seç</label>--}}
                            {{--                                                                </div>--}}
                            {{--                                                            </div>--}}
                            {{--                                                        </div>--}}
                            {{--                                                    </div>--}}
                            {{--                                                </div>--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}
                            {{--                                        <div class="col-12 mt-50">--}}
                            {{--                                            <button type="submit" class="btn btn-primary mr-1">Yüklə</button>--}}
                            {{--                                            <button type="reset" class="btn btn-outline-secondary">Ləğv Et</button>--}}
                            {{--                                        </div>--}}
                            {{--                                    </div>--}}
                            <!-- List DataTable -->
                            <div class="row">
                                <div class="col-12">
                                    <div class="card invoice-list-wrapper">
                                        <div class="card-header">
                                            <h4 class="card-title">Bilet Siyahısı</h4>
                                        </div>
                                        <div class="card-datatable table-responsive">
                                            <table class="invoice-list-table table">
                                                <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>#</th>
                                                    <th>Əsas İştirakçı</th>
                                                    <th>Əlavə İştirakçılar</th>
                                                    <th>Qəbz</th>
                                                    <th>Filmin adı</th>
                                                    <th>Filmin tarixi</th>
                                                    <th>Qaydalar</th>
                                                    <th>Bilet</th>
                                                    <th>Status</th>
                                                    <th>Məkan</th>
                                                    <th>Tarix</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse($ticketsWithCustomers as $ticket)
                                                    <tr>
                                                        <td></td>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td>
                                                            <div class="d-flex flex-column">
                                                                <span class="font-weight-bold">{{auth()->user()->name}} {{auth()->user()->surname}}</span>
                                                                <small class="text-muted">{{auth()->user()->email}}</small>
                                                                @if(auth()->user()->phone)
                                                                    <small class="text-muted">{{auth()->user()->phone}}</small>
                                                                @endif
                                                            </div>
                                                        </td>
                                                        <td>
                                                            @if($ticket->additional_customers && count($ticket->additional_customers) > 0)
                                                                <div class="additional-customers">
                                                                    @foreach($ticket->additional_customers as $customer)
                                                                        <div class="customer-info">
                                                                            <div class="customer-name">{{ $customer->name }} {{ $customer->surname }}</div>
                                                                            <div class="customer-email">{{ $customer->email }}</div>
                                                                        </div>
                                                                    @endforeach
                                                                    <div class="customers-summary">Cəmi: {{ count($ticket->additional_customers) }} əlavə iştirakçı</div>
                                                                </div>
                                                            @else
                                                                <span class="text-muted">Əlavə iştirakçı yoxdur</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if(isset($ticket->type) && $ticket->type == 0)
                                                                <a href="{{asset($ticket->invoice)}}" class="btn btn-sm btn-outline-primary" target="_blank">
                                                                    <i class="feather icon-eye"></i> Qəbz
                                                                </a>
                                                            @else
                                                                <span class="badge badge-secondary">Nəğd</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span class="font-weight-bold">{{$ticket->movie_title}}</span>
                                                        </td>
                                                        <td>
                                                            <span class="font-weight-bold">{{$ticket->date}}</span>
                                                        </td>
                                                        <td>
                                                            <a href="https://www.canva.com/design/DAF_DM_bnXs/K7QzoEPxOnM0aLOVjOGCow/view?utm_content=DAF_DM_bnXs&utm_campaign=designshare&utm_medium=link&utm_source=editor"
                                                               class="btn btn-sm btn-outline-info" target="_blank">
                                                                <i class="feather icon-info"></i> Qaydalar
                                                            </a>
                                                        </td>
                                                        <td>
                                                            @if($ticket->status == 1 && isset($ticket->place) && $ticket->place != NULL)
                                                                <a href="{{route('userv2.ticketPdf', $ticket->movie_title)}}" class="btn btn-sm btn-success">
                                                                    <i class="feather icon-download"></i> Yüklə
                                                                </a>
                                                            @elseif($ticket->status == 1 && (!isset($ticket->place) || $ticket->place == NULL))
                                                                <span class="badge badge-warning">Tədbirə 1 gün qalmış açılacaq</span>
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($ticket->status == 0)
                                                                <span class="badge badge-warning">Yoxlanılır</span>
                                                            @else
                                                                <span class="badge badge-success">Təsdiqləndi</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            {!! $ticket->address !!}
                                                        </td>
                                                        <td>
                                                            <small class="text-muted">
                                                                {{ \Carbon\Carbon::parse($ticket->created_at)->format('d.m.Y H:i') }}
                                                            </small>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="8" class="text-center py-4">
                                                            <div class="empty-state">
                                                                <i class="feather icon-inbox" style="font-size: 3rem; color: #b9b9c3; margin-bottom: 1rem;"></i>
                                                                <h5 class="text-muted">Hələ bilet yoxdur</h5>
                                                                <p class="text-muted">İlk biletinizi almaq üçün <a href="{{ route('userv2.ticket.buy') }}">buraya klikləyin</a></p>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforelse
                                                {{--                                                        @foreach($subs as $sub)--}}
                                                {{--                                                            <tr>--}}
                                                {{--                                                                <td></td>--}}
                                                {{--                                                                <td style="display: none;">1</td>--}}
                                                {{--                                                                <td>{{$loop->iteration}}</td>--}}
                                                {{--                                                                <td>{{$sub->title}}</td>--}}
                                                {{--                                                                <td><a href="{{ route('animedetailprivate',[$sub->item_id, 1])}}">Link</a></td>--}}
                                                {{--                                                                <td>@if($sub->status == 1 )Təsdiqlənib @else Gözləmədədir @endif </td>--}}
                                                {{--                                                            </tr>--}}
                                                {{--                                                        @endforeach--}}
                                                </tbody>
                                            </table>
                                        </div>

                                        <!-- Pagination -->
                                        @if($ticketsWithCustomers->hasPages())
                                            <div class="card-footer">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div class="dataTables_info">
                                                        <span class="text-muted">
                                                            {{ $ticketsWithCustomers->firstItem() }}-{{ $ticketsWithCustomers->lastItem() }}
                                                            arası, cəmi {{ $ticketsWithCustomers->total() }} bilet
                                                        </span>
                                                    </div>
                                                    <div class="dataTables_paginate">
                                                        {{ $ticketsWithCustomers->links('pagination::bootstrap-4') }}
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <!--/ List DataTable -->

                        </form>
                        <!--/ Form -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ Blog Edit -->
@endsection
<!-- END: Content-->

@section('script')
    <!-- BEGIN: Page JS-->
    <script src="{{asset('user-panel/app-assets/vendors/js/editors/quill/katex.min.js')}}"></script>
    <script src="{{asset('user-panel/app-assets/vendors/js/editors/quill/highlight.min.js')}}"></script>
    <script src="{{asset('user-panel/app-assets/vendors/js/editors/quill/quill.min.js')}}"></script>

    <script src="{{asset('user-panel/app-assets/js/scripts/pages/page-blog-edit.js')}}"></script>

    <!-- END: Page JS-->

    @if(session()->has('success'))
        <script>
            toastr['success'](
                'Uğurla qeyd edildi!',

                {
                    closeButton: true,
                    tapToDismiss: false
                }
            );
        </script>
    @endif

@endsection