@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>{{__("Order Details Page")}}</h1>
            <p>{{__("Order Details Page")}}</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="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Order Details Page")}}</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 mb-3">
            <form action="" method="post"  id="form-excel">
                @csrf
                <input type="hidden" name="status" value="0">
                <input type="hidden" name="status" value="0"id="">
                <span  class="download-excel btn btn-success" style="float: right;"><i class="far fa-fw fa-lg  fa-file-excel"></i> {{__("Export As Excel")}}</span>
            </form>
        </div>
        <div class="col-12">
            <div class="tile-body">
                <div class="tile">
                    <div class="tile-body">
                                        <div class="list-group mt-2">
                                            <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>
                                                    @foreach($orders as $order)
                                                        <tr>
                                                            <td>{{$order->id}}</td>
                                                            <td>{{$order->user->full_name}}</td>
                                                            <td>{{$order->order_day}}</td>
                                                            <td>{{date("H:i A", strtotime($order->order_time_from))}} - {{date("H:i A", strtotime($order->order_time_to))}}</td>
                                                            <td>{{$order->order_location_name}}</td>
                                                            <td><span class="status @if($order->status == "0") red @elseif($order->status == "-1") yellow @else green @endif">{{$order->getStatusText()}}</span></td>
                                                            <td>{{$order->paymentMethod->name}}</td>
                                                            <td><span class="status @if($order->activation == "1") green @else red @endif">{{$order->getActivationText()}}</span></td>
                                                            <td>{{$order->created_at->diffForHumans()}}</td>
                                                            <td>
                                                                <a href="{{route("admin.orders.show", ["id" => $order->id])}}" class="btn btn-primary">{{__("Details")}}</a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </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>

            <script> var timeControl = document.querySelector('input[type="time"]');
                timeControl.value = '15:30'
            </script>
@endsection























{{--@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>{{__("Orders")}}</h1>--}}
{{--            <p>{{__("All Orders")}}</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="#">{{__("Dashboard")}}</a></li>--}}
{{--            <li class="breadcrumb-item"><a href="#">{{__("Orders")}}</a></li>--}}
{{--        </ul>--}}
{{--    </div>--}}
{{--@endsection--}}
{{--@section("css-links")--}}
{{--    <link rel="stylesheet" href="{{asset("assets/css/" . app()->getLocale() . "/pages/orders.css")}}">--}}
{{--    <style>--}}
{{--        .checked {--}}
{{--            color: orange;--}}
{{--        }--}}
{{--        .starsize{--}}
{{--            width: 30px;--}}
{{--            height: auto;--}}
{{--            margin:0;--}}
{{--            padding: 0;--}}
{{--        }--}}
{{--    </style>--}}
{{--@endsection--}}
{{--@section("content")--}}

{{--<div class="modal-body">--}}
{{--    <div class="list-group mt-2">--}}
{{--        <div class="table-responsive">--}}
{{--            <table class="table table-hover table-bordered" id="sampleTable">--}}
{{--                <thead>--}}
{{--                <tr>--}}
{{--                    <th>#{{__("ID")}}</th>--}}
{{--                    <th>{{__("Invoice Part Name")}}</th>--}}
{{--                    <th>{{__("order number")}}</th>--}}
{{--                    <th>{{__("Part Price")}}</th>--}}
{{--                    <th>{{__("Technician Name")}}</th>--}}
{{--                    <th>{{__("Main Specialties")}}</th>--}}
{{--                    <th>{{__("Invoice Part Services")}}</th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--                <tbody>--}}
{{--                @foreach($InvoiceParts as $InvoicePart)--}}
{{--                    <tr>--}}
{{--                        <td>{{$InvoicePart->id}}</td>--}}
{{--                        <td>{{$InvoicePart->name}}</td>--}}
{{--                        <td>{{$InvoicePart->Invoice ? $InvoicePart->invoice->order->id : Null}}</td>--}}
{{--                        <td>{{$InvoicePart->price}}</td>--}}
{{--                        <td>{{$InvoicePart->invoice->order->getAccept() !== null ?$InvoicePart->invoice->order->getAccept()->technician->full_name:null}}</td>--}}
{{--                        <td>{{$InvoicePart->invoice->order->getAccept() !== null ?$InvoicePart->invoice->order->getAccept()->technician->getAllNameCategory():null}}</td>--}}
{{--                        <td> @foreach($InvoicePart->invoice->services as $index => $service)--}}
{{--                                @if($index == 0)--}}
{{--                                    {{$service->service->name}}--}}
{{--                                @else--}}
{{--                                    {{ " - "  . $service->service->name}}--}}
{{--                                @endif--}}
{{--                            @endforeach--}}
{{--                        </td>--}}

{{--                    </tr>--}}
{{--                @endforeach--}}
{{--                </tbody>--}}
{{--            </table>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}


{{--@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();</script>--}}
{{--    <script type="module" src="{{asset("assets/js/pages/order_details.js")}}"></script>--}}

{{--@endsection--}}