@extends('layouts.app')

@section('content')
    @php
        $locale = session()->get('locale') ? session()->get('locale') : App\Helpers\ConstantHelper::ENGLISH;
    @endphp

    <section class="pay-booking py-4 py-sm-5">
        <div class="container">
            <div class="row align-items-end">
                <div class="col-md-8">
                    <div class="top-head">
                        <h2>{{ __('label.help_center') }}</h2>
                        <p class="top-sub-ttile">
                            {{ __('static.showing_list', ['value1' => $tickets->firstItem(), 'value2' => $tickets->lastItem(), 'value3' => $tickets->total()]) }}
                        </p>
                        <a href="/tickets/create" class="btn btn-primary btn-sm"><i class="far fa-plus-square"></i>
                            {{ __('label.add_more') }}</a>
                        <button class="btn btn-secondary btn-sm" data-target="#filter" data-toggle="modal"><i
                                class="fas fa-filter"></i> {{ __('label.filter') }}</button>
                    </div>
                </div>
                <div class="col-md-4">
                    <form method="get">
                        <input class="form-control searchinput" name="search" value="{{ $search }}" type="text"
                            placeholder="{{ __('placeholder.search_ticket') }}..." onchange="this.form.submit()">
                    </form>
                </div>
            </div>
        </div>
    </section>

    <section class="py-2 py-sm-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <div class="table-responsive bg-white">
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                            cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('label.ticket_ID') }}</th>
                                    <th>{{ __('label.date') }}</th>
                                    <th>{{ __('label.type') }}</th>
                                    <th>{{ __('label.subject') }}</th>
                                    <th>{{ __('label.message') }}</th>
                                    <th>{{ __('label.status') }}</th>
                                    <th>{{ __('label.action') }}</th>
                                </tr>

                                @forelse ($tickets as $key => $ticket)
                                    <tr>
                                        <td>{{ ($tickets->currentPage() - 1) * $tickets->perPage() + $key + 1 }}</td>
                                        <td>{{ ucfirst($ticket->ticket_number) }}</td>
                                        <td>{{ date('d-m-Y', strtotime($ticket->created_at)) }}</td>
                                        <td>{{ isset($ticket->ticketType->name_en) ? $ticket->ticketType->name_en : '' }}
                                        </td>
                                        <td>{{ $ticket->subject }}</td>
                                        <td>{{ $ticket->comments }}</td>
                                        <td>
                                            @if ($ticket->status == 'open')
                                                <span
                                                    class="badge-new badge-new-danger">{{ Ucfirst($ticket->status) }}</span>
                                            @else
                                                <span
                                                    class="badge-new badge-new-success">{{ Ucfirst($ticket->status) }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($ticket->status == App\Helpers\ConstantHelper::OPEN)
                                                <a href="/tickets/edit/{{ $ticket->id }}" class="f-16 mr-1"><i
                                                        class="far fa-edit"></i></a>
                                            @endif
                                            {{-- <a href="#" class="text-danger f-16"><i class="far fa-trash-alt"></i></a> --}}
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8">
                                            <p>
                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        {{ $tickets->appends(request()->input())->links('admin::partials.pagination') }}

                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="modal fade new-modal show" id="filter" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-modal="true">
            <div class="modal-dialog" role="document">
                <form action="" method="get">
                    <div class="modal-content">
                        <div class="modal-header align-items-center">
                            <h5 class="modal-title" id="exampleModalLabel"> {{ __('label.apply_filter') }}</h5>
                            <button type="button" class="close close-btn-filter" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="search-group search-group-1 form-group custominnergroup">
                                                <label>{{ __('label.created_date') }} <span
                                                        class="text-danger">*</span></label>
                                                <input type="date" name="date" value="{{ $date }}"
                                                    class="form-control" placeholder="Enter New Password" />
                                            </div>

                                            <div class="search-group search-group-1 form-group custominnergroup">
                                                <label>{{ __('label.select_status') }} <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-control" name="status">
                                                    <option value="">{{ __('label.Select') }}</option>
                                                    @foreach ($ticketStatuses as $status)
                                                        <option value="{{ $status }}"
                                                            @if ($status === $selectedStatus) selected @endif>
                                                            {{ $status }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal"
                                id="close-modal-button">{{ __('label.close') }}</button>
                            <button type="submit" class="btn btn-primary">{{ __('label.apply') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('script')
    <script>
        $('#close-modal-button').on('click', function() {
            // Reload the page
            window.location.href = '/tickets';
        });
    </script>
@endsection