@extends('user.layouts.app')

@section('content')
@php
    $tickets = @$tickets;
@endphp
<style>
    #ticket_list_wrapper{
        margin-bottom: 20px;
    }
</style>
<!-- Wrapper -->  
<div class="row">
    <div class="col-sm-12">
        <div class="white-box">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <h3 class="box-title d-inline-b">My Tickets</h3>
                    <button type="button" title="Contact Support" class="btn btn-success pull-right" onclick="return viewPopup('US Embassy','{{@$active_step_key}}');">Contact Support <i class="fa fa-plus step-support" data-icon="v"></i></button>
                </div>
            </div>
            @include('admin.includes.status')
            <div class="table-responsive">
                <table id="ticket_list" class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Subject</th>
                            {{--<th>Question</th>
                            <th>Answer</th>--}}
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($tickets))
                            @foreach($tickets as $ticket)
                                @php
                                    if($ticket->status == 'pending'){
                                        $status_class = "label-info";
                                    }elseif($ticket->status == 'completed'){
                                        $status_class = "label-success";
                                    }
                                @endphp
                                <tr>
                                    <td>{{ dateformat($ticket->created_at,DISPLAY_DATE)}}</td>
                                    <td>{{$ticket->subject}}</td>
                                    {{--<td>{{$ticket->question}}</td>
                                     <td>{{$ticket->answer}}<br/>
                                        @if(!empty($ticket->answer))
                                        <strong>Admin Name - </strong>{{$ticket->admin['first_name'] }} {{$ticket->admin['last_name'] }}<br/>
                                        <strong>Answer Date - </strong> {{ dateformat($ticket->updated_at,DISPLAY_DATE)}}
                                        @endif
                                    </td>--}}
                                    <td><span class="label {{ $status_class }}">{{ucfirst($ticket->status)}}</span></td>
                                    <td>
                                        @if(!$ticket->ticketDetails()->isEmpty())
                                            <a href="{{route('contact.ticket_details', ['ticket_id' => \Crypt::encryptString($ticket->id)])}}" class="btn btn-info btn-sm" data-id='{{$ticket->id}}'>
                                                <i class="mdi mdi-wechat"></i>
                                            </a>
                                       @endif
                                    </td>
                                    
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="text-center" colspan="100%">No data found</td> 
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $('#ticket_list').DataTable( {
            "order": [[ 0, "desc" ]]
        } );
    });
    function viewPopup(){
        show_popup('modal-lg');
        get_common_ajax("{{ route('show.contact.support') }}","",'modal-lg');
    }
    
</script>
@endsection