@extends('layouts.admin')

@section('content')

<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">Tickets</h3>
                                            <div class="nk-block-des text-soft">
                                                <p>You have total {{ $tickets->count() }} tickets.</p>
                                            </div>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success')) 
                                           <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        <div class="nk-block-head-content">
                                            <!--
                                            <ul class="nk-block-tools g-3">
                                                <li>
                                                    <div class="drodown">
                                                        <a href="{{ url('user/dashboard/create-tickets') }}" class="dropdown-toggle btn btn-icon btn-primary"><em class="icon ni ni-plus"></em></a>
                                                    </div>
                                                </li>
                                            </ul> -->
                                        </div><!-- .nk-block-head-content -->
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                    <div class="row g-gs">
                                        <div class="col-xxl-3 col-lg-4 col-sm-6">
                                            <div class="card card-bordered product-card">                                      
                                                <div class="card-inner text-center">
                                                    <h5 class="product-title"><a href="{{ route('tickets',['ticketstatus'=>'pending']) }}">Pending</a></h5>
                                                    <div class="product-price text-primary h5">{{@$pending}}</div>
                                                </div>
                                            </div>
                                        </div><!-- .col -->
                                        <div class="col-xxl-3 col-lg-4 col-sm-6">
                                            <div class="card card-bordered product-card">                                     
                                                <div class="card-inner text-center">                                       
													<h5 class="product-title"><a href="{{ route('tickets',['ticketstatus'=>'in-progress']) }}">In Progress</a></h5>
                                                    <div class="product-price text-primary h5">{{@$inprogress}}</div>
                                                </div>
                                            </div>
                                        </div><!-- .col -->
                                        <div class="col-xxl-3 col-lg-4 col-sm-6">
                                            <div class="card card-bordered product-card">                                  
                                                <div class="card-inner text-center">
                                                    <h5 class="product-title"><a href="{{ route('tickets',['ticketstatus'=>'closed']) }}">Closed</a></h5>
                                                    <div class="product-price text-primary h5">{{@$closed}}</div>
                                                </div>
                                            </div>
                                        </div><!-- .col -->
                                    </div>
                                </div><!-- .nk-block -->
                                <div class="nk-block">
                                    <div class="card card-bordered card-stretch">
                                        <div class="card-inner-group">
                                            <div class="card-inner">
                                                <div class="card-title-group">
                                                    <div class="card-title">
                                                        <h5 class="title">All Tickets</h5>
                                                    </div>
                                                    <div class="card-search search-wrap" data-search="search">
                                                        <div class="search-content">
                                                            <a href="#" class="search-back btn btn-icon toggle-search" data-target="search"><em class="icon ni ni-arrow-left"></em></a>
                                                            <input type="text" class="form-control form-control-sm border-transparent form-focus-none" placeholder="Quick search by order id">
                                                            <button class="search-submit btn btn-icon"><em class="icon ni ni-search"></em></button>
                                                        </div>
                                                    </div><!-- card-search -->
                                                </div><!-- .card-title-group -->
                                            </div><!-- .card-inner -->
                                        
											<div class="card-inner">
                                                <table class="datatable-init-tickets table">
                                                    <thead>
                                                        <tr>
                                                            <th>Ticket #ID</th>
                                                            <th>Username</th>
                                                            <th>Ticket Name</th>
                                                            <th>Category</th>
                                                            <th>Priority</th>
                                                            <th>Status</th>
                                                            <th>Created On</th>
                                                            <th data-orderable="false">Action</th>                                                        
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                       @foreach($tickets as $ticket)
                                                            <tr>
                                                                <td>#{{@$ticket->id}}</td>                                                                
                                                                <td>{{ucfirst(@$ticket->user->name)}}</td>
                                                                <td>{{ucfirst(@$ticket->ticket_name)}}</td>
                                                                <td>{{ucfirst(@$ticket->category)}}</td>
                                                                <td>{{ucfirst(@$ticket->priority)}}</td>
                                                                <td>
                                                                  <input type="hidden" class="ticketid" value="{{@$ticket->id}}">                                                                                                                                   
                                                                  <select class="form-control ticket_status" id="ticket_status" name="ticket_status">
                                                                            <option value="in-progress" {{ @$ticket->status == 'in-progress' ? 'selected' : '' }}>In Progress</option>
                                                                            <option value="pending" {{ @$ticket->status == 'pending' ? 'selected' : '' }}>Pending</option>
                                                                            <option value="closed" {{ @$ticket->status == 'closed' ? 'selected' : '' }}>Closed</option>
                                                                  </select>                                                            
                                                                 </td>
                                                                <td>
                                                                     
                                                                {{@$formatdate}}
                                                                </td>
                                                                <td>                                                                    
                                                                    <div class="tb-odr-btns d-none d-sm-inline">
                                                                        <a href="{{ route('viewticket', ['id'=>$ticket->id]) }}" class="btn btn-dim btn-sm btn-primary">View</a>
                                                                    </div>
                                                                       
                                                                </td>                                                           
                                                            </tr>
                                                        @endforeach                                                  
                                                    </tbody>
                                                </table>
                                                @php
                                                    if(request()->filled('ticketstatus')) {  
                                                      $ticket_status = request()->ticketstatus;                                               
                                                      //echo $ticket_status;
                                                    }
                                                @endphp
                                                {!! $tickets->appends(['ticketstatus' => isset($ticket_status) ? $ticket_status : '' ])->links() !!}
                                            </div>
                                        </div><!-- .card-inner-group -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
@endsection