@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')