@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Tickets')

<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800">Tickets</h1>
    <!-- DataTales Example -->
    <div class="innerpagedetails card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Tickets</h6>

        </div>
        @if(session('done'))
            <div class="alert alert-success">
                {{ session('done') }}
            </div>
        @endif
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="laravel_datatable" width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th>S.No</th>
                        <th>Issue</th>
                        <th>Subject</th>
                        <th>Message</th>
                        <th>Customer Name</th>
                        <th>Customer Phone</th>
                        <th>Status</th>
                        <th width="105px">Action</th>

                    </tr>
                    </thead>
                    <tbody>
                    @foreach($tickets as $key => $ticket)
                        @php
                            $st='';
                                if($ticket->status==1)
                                {
                                    $st="Pending";
                                }
                                elseif($ticket->status==2)
                                {
                                    $st="Accepted";
                                }
                                elseif($ticket->status==3)
                                {
                                    $st="Resolved";
                                }
                                $url = route('admin.ticket.details', $ticket->id);
                        @endphp
                        <tr>
                            <td>
                                {{++$key}}
                            </td>
                            <td>
                                {{$ticket->issue}}
                            </td>
                            <td>
                                {{$ticket->subject}}
                            </td>
                            <td>
                                {{$ticket->message}}
                            </td>
                            <td>
                                {{--  {{$ticket->message}}--}}
                                {{$ticket->users->name}}
                            </td>
                            <td>
                                {{--  {{$ticket->message}}--}}
                                {{$ticket->users->phone}}
                            </td>
                            <td>
                                {{$st}}
                            </td>
                            <td>
                                <div class="btn-group">
                                    <button type="button" class="btn  btn-sm dropdown-toggle"
                                            style="background-color:#818586;color:white;" data-toggle="dropdown"
                                            aria-haspopup="true" aria-expanded="false">
                                        Actions
                                    </button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="{{$url}}">View</a>
                                        <a class="dropdown-item" href="#" data-toggle="modal"
                                           data-target="#confirmationModal-{{$ticket->id}}">Pending</a>
                                        <a class="dropdown-item" href="#" data-toggle="modal"
                                           data-target="#confirmationModal-{{$ticket->id}}2">Accepted</a>
                                        <a class="dropdown-item" href="#" data-toggle="modal"
                                           data-target="#confirmationModal-{{$ticket->id}}3">Resolved</a>

                                    </div>
                                </div>
                                <!-- Confirmation Modal -->
                                <div class="modal fade" id="confirmationModal-{{$ticket->id}}" tabindex="-1"
                                     role="dialog" aria-labelledby="confirmationModal-{{$ticket->id}}Label"
                                     aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="confirmationModal-{{$ticket->id}}Label">
                                                    Confirm Action</h5>
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                Are you sure you want to mark this Ticket Pending?
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    No
                                                </button>
                                                <a class="btn" style="background-color:#c78407;color:white;"
                                                   href="{{route('admin.ticket.action', ['id'=>$ticket->id,'status'=>1])}}">Yes</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Confirmation Modal 2 -->
                                <div class="modal fade" id="confirmationModal-{{$ticket->id}}2" tabindex="-1"
                                     role="dialog" aria-labelledby="confirmationModal-{{$ticket->id}}Label"
                                     aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="confirmationModal-{{$ticket->id}}Label">
                                                    Confirm Action</h5>
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                Are you sure you want to mark this Ticket Accepted?
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    No
                                                </button>
                                                <a class="btn" style="background-color:#c78407;color:white;"
                                                   href="{{route('admin.ticket.action', ['id'=>$ticket->id,'status'=>2])}}">Yes</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <!-- Confirmation Modal 3 -->
                                <div class="modal fade" id="confirmationModal-{{$ticket->id}}3" tabindex="-1"
                                     role="dialog" aria-labelledby="confirmationModal-{{$ticket->id}}Label"
                                     aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="confirmationModal-{{$ticket->id}}Label">
                                                    Confirm Action</h5>
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                Are you sure you want to mark this Ticket Resolved?
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    No
                                                </button>
                                                <a class="btn" style="background-color:#c78407;color:white;"
                                                   href="{{route('admin.ticket.action', ['id'=>$ticket->id,'status'=>3])}}">Yes</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

                </table>
            </div>
        </div>
    </div>

</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->


<script src="//code.jquery.com/jquery-3.5.1.js"></script>
<script src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function () {
        $('#laravel_datatable').DataTable();
        // Custom search event for delivery_address column
        $('#data-table_filter input[type="search"]').on('keyup', function () {
            table.column(4).search(this.value).draw();
            table.column(5).search(this.value).draw();

        });
    });
</script>

@include('Admin.layouts.footer')
@include('Admin.layouts.modal')