@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("technician")}}</h1>
            <p>{{__("Report technician")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Report Technician")}}</a></li>
        </ul>
    </div>
@endsection
@section("css-links")
    <link rel="stylesheet" href="{{asset("assets/css/" . app()->getLocale() . "/pages/orders.css")}}">
@endsection

@section("content")

    <div class="row">
        <div class="col-12">
            <div class="tile">
                <form method="post" action="{{route("admin.report.search_technician")}}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <select class="form-control" name="technician">
                                    <option value="" selected disabled>{{__("Select_Technician")}}</option>
                                    @if (!empty($Technician_id))
                                        @foreach($Technicians as $technician)
                                            <option value="{{ $technician->id}}" @if($technician->id == $Technician_id->id) selected @endif >{{ $technician->username}}</option>
                                        @endforeach
                                    @else
                                        @foreach($Technicians as $technician)
                                            <option value="{{ $technician->id}}">{{ $technician->username}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div  class="col-6">
                            <div class="form-group">
                                <label class="control-label"></label>
                                <button  type="submit" class="btn btn-primary">
                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Search")}}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
                @if (!empty($orders))
                    <hr>
                    <div class="row">
                        <div class="col-3">
                            <div class="widget-small primary coloured-icon"><i class="icon fa fa-users fa-3x"></i>
                                <div class="info">
                                    <h6>{{__('number of orders')}}</h6>
                                    <p><b>{{count($orders)}}</b></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-3">
                            <div class="widget-small primary coloured-icon"><i class="icon fa fa-users fa-3x"></i>
                                <div class="info">
                                    <h6>{{__('number of orders')}}</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="widget-small primary coloured-icon"><i class="icon fa fa-users fa-3x"></i>
                                <div class="info">
                                    <h6>{{__('number of orders')}}</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                @else

                @endif
            </div>
            <div class="tile-body">
                <div class="row">
                    <div class="col-12">
                        <div class="tile">
                            <div class="tile-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-bordered" id="sampleTable">
                                        <thead>
                                        <tr>
                                            <th>#{{__("ID")}}</th>
                                            <th>{{__("User")}}</th>
                                            <th>{{__("Date")}}</th>
                                            <th>{{__("Time")}}</th>
                                            <th>{{__("Location")}}</th>
                                            <th>{{__("Status")}}</th>
                                            <th>{{__("Payment Method")}}</th>
                                            <th>{{__("Activation")}}</th>
                                            <th>{{__("Created at")}}</th>
                                            <th>{{__("Control")}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if (!empty($orders))
                                            @foreach($orders as $key =>$order)
                                                <tr>
                                                    <td>{{$order[0]->id}}</td>
                                                    <td>{{$order[0]->user->full_name}}</td>
                                                    <td>{{$order[0]->order_day}}</td>
                                                    <td>{{date("H:i A", strtotime($order[0]->order_time_from))}} - {{date("H:i A", strtotime($order[0]->order_time_to))}}</td>
                                                    <td>{{$order[0]->order_location_name}}</td>
                                                    <td><span class="status @if($order[0]->status == "0") red @elseif($order[0]->status == "-1") yellow @else green @endif">{{$order[0]->getStatusText()}}</span></td>
                                                    <td>{{$order[0]->paymentMethod->name}}</td>
                                                    <td><span class="status @if($order[0]->activation == "1") green @else red @endif">{{$order[0]->getActivationText()}}</span></td>
                                                    <td>{{$order[0]->created_at->diffForHumans()}}</td>
                                                    <td>
                                                        <a href="{{route("admin.orders.show", ["id" => $order[0]->id])}}" class="btn btn-primary">{{__("Details")}}</a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else

                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            @endsection

            @section("scripts")
                <!-- Data table plugin-->
                    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
                    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
                    <script type="text/javascript">$('#sampleTable').DataTable({
                            "pageLength" : 25,
                            "order": [[ 0, "desc" ]]
                        });</script>

                    <script type="text/javascript">
                        $(".download-excel").click(function (e){
                            e.preventDefault();

                            let status = $("#status-filter option:selected").data("value");


                            $(this).siblings("input[name='status']").val(status);


                            $("#form-excel").submit();

                        });
                    </script>
@endsection