@extends("layouts.dashboard.app")

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__('Orders')}}</h1>
            <p>{{__('Control and view 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="#">{{__('Orders')}}</a></li>
        </ul>
    </div>
@endsection
@section("content")
    @include("layouts.main-parts.page-message")
    <div class="row">
        <div class="col-md-12">
            <div class="text-right">
                <form action="{{route("orders.export.excel")}}" method="get"  id="form-excel">
                    @csrf
                    <input type="hidden" name="status" value="0">
                    <span  class="download-excel btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i> Export As Excel</span>
                </form>
            </div>
            <div class="tile">


                    <form action="{{Auth::user()->type == "super"?route("orders.index"):route("orders.user.branch")}}" method="get" role="search">
                        @csrf
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <label for="">{{__('Date From')}}</label>
                            <div class="form-group">
                                <input type="datetime-local" id="dateFrom" class="form-control" name="from" value="{{ isset($from) ? $from : "" }}">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <label for="">{{__('Date To')}}</label>
                            <div class="form-group">
                                <input type="datetime-local" id="dateTo" class="form-control" name="to" value="{{ isset($to) ? $to : "" }}">
                            </div>
                        </div>
                        @if(Auth::user()->type == "super")
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <label for="">Filter By Branch</label>
                            <div class="form-group">
                                <select name="Branch" id="branch" class="form-control" data-url="{{route("orders.index")}}">
                                    <option data-value="" value="">{{'select branch' }}</option>
                                    @foreach($branch as $bra)
                                        <option @if($Branch== $bra->id) selected @endif data-value="{{$bra->id}}" value="{{$bra->id}}">{{$bra->store_name_en}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @endif
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <label for="">{{__('Filter By Status')}}</label>
                            <div class="form-group">
                                <select name="status" id="status" class="form-control" data-url="{{route("orders.index")}}">
                                    <option data-value="0" value="" {{$status == "all" ? "selected": ""}}>{{__('All')}}</option>
                                    <option data-value="1" value="pending" {{$status == "pending" ? "selected": ""}}>{{__('Pending')}}</option>
                                    <option data-value="2" value="Accept"{{$status == "Accept" ? "selected": ""}}>{{__('Accept')}}</option>
                                    <option data-value="3" value="Prepare"{{$status == "Prepare" ? "selected": ""}}>{{__('Prepare')}}</option>
                                    <option data-value="4" value="Ready"{{$status == "Ready" ? "selected": ""}}>{{__('Ready')}}</option>
                                    <option data-value="5" value="Delieverd"{{$status == "Delieverd" ? "selected": ""}}>{{__('Delieverd')}}</option>
                                    <option data-value="6" value="Reject"{{$status == "Reject" ? "selected": ""}}>{{__('Reject')}}</option>
                                </select>
                            </div>
                        </div>
                        <div @if(Auth::user()->type == "super")class="col-lg-6 col-md-6 col-sm-12 mb-2"@else class="col-lg-6 col-md-6 col-sm-12 mb-2  mt-4" @endif>
                        <button type="submit" class="btn btn-info ms-2">
                            <i class="fa fa-search" aria-hidden="true"></i>Filter
                        </button>
                        </div>
                    </div>
                </form>
    @if(Auth::user()->type == "super")
        <div class=" d-flex justify-content-end mb-1 w-100 ">
            <form action="{{route("search.orders")}}" method="POST" role="search" class="w-50">
                {{ csrf_field() }}
                <div class="input-group mx-3 ">
                    <input type="text" class="form-control w-50 " name="user" placeholder="{{ __('Search By Order Id Or Phone Number ') }}" @if(isset($searchRequest) && !empty($searchRequest)) value="{{ $searchRequest }}" @endif>
                    <span class="input-group-btn">
                            <button type="submit" class="btn btn-default">
                                <i class="fa fa-search" aria-hidden="true"></i>
                            </button>
                        </span>
                </div>
            </form>
        </div>
@endif

    <div class="tile-body">
        <div class="table-responsive">
            <table class="table table-hover table-bordered" id="dataTable" @if(isset($search)) id="sampleTable" @endif>
                <thead>
                <tr>
                    <th>#ID</th>
                    <th>{{__('Order number')}}</th>
                    <th>{{__('Phone number')}}</th>
                    <th>{{__('Status')}}</th>
                    <th>{{__('Payment Method')}}</th>
                    <th>{{__('Total Quantity')}}</th>
                    <th>{{__('Tax')}}</th>
                    <th>{{__('Total Amount')}}</th>
                    <th>{{__('Branch Name')}}</th>
                    <th>{{__('Address')}}</th>
                    <th>{{__('Created at')}}</th>
                    {{--                                <th>Updated at</th>--}}
                    <th>{{__('instruction')}}</th>
                    <th>{{__('Details')}}</th>
                </tr>
                </thead>
                <tbody>
                @forelse($orders as $order)
                    <tr>
                        <td>{{$order->id}}</td>
                        <td>{{$order->order_number}}</td>
                        <td>{{$order->phone_number}}</td>
                        <td>
                            @switch($order->Status)
                                @case(1) Pending @break
                                @case(2) Accept @break
                                @case(3) Prepare @break
                                @case(4) Ready @break
                                @case(5) Delieverd @break
                                @case(6) Reject @break
                            @endswitch

                        </td>
                        <td>{{$order->paymentMethod}}</td>
                        <td>{{$order->totalQty}}</td>
                        <td>{{$order->tax}}</td>
                        <td>{{$order->Total_Amount}}</td>
                        <td>@if(isset($order->branch->store_name_ar) && !empty($order->branch->store_name_ar))
                                {{$order->branch->store_name_ar}} @endif</td>
                        <td>{{$order->DropOffAddress}}</td>
                        <td>
                            {{ $order->created_at ? $order->created_at->diffForHumans() : null }}
                        </td>

                        {{--                                <td>{{$order->updated_at->diffForhumans()}}</td>--}}
                        <td>{{$order->instruction}}</td>
                        <td>
                            <a href="{{route("orders.details", $order->id)}}" class="control-link"><i class="far fa-eye"></i></a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="13">
                            <div class="text-center">No Order found</div>
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
            @if(!isset($search)) {{ $orders->links() }} @endif
        </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" : 10,
"order": [[ 0, "desc" ]]
});
</script>
<script>

// $("#Branches").on("change",function (){
//     let table = $('#dataTable').DataTable();
//     table.column(8).search($(this).val()).draw();
// });
//
// $("#status").on("change",function (){
//     let  url = $(this).data("url"),
//         branch = $("#branch").val(),
//         status = $("#status").val(),
//         dateFrom = $("#dateFrom").val(),
//         dateTo = $("#dateTo").val()
//
//     // url = status ? `${url}/${status}` : url;
//     if (branch){
//         url = status ? `${url}/${status}/${branch}/${dateFrom}/${dateTo}` : url;
//     }else{
//         url = status ? `${url}/${status}/All/${dateFrom}/${dateTo}` : url;
//     }
//     window.location = url
// });


// $("#branch").on("change",function (){
//     let  url = $(this).data("url"),
//         branch = $("#branch").val(),
//         status = $("#status").val(),
//         dateFrom = $("#dateFrom").val(),
//         dateTo = $("#dateTo").val()
//     if(status && dateFrom){
//         url = branch ? `${url}/${status}/${branch}/${dateFrom}/${dateTo}` : url;
//     }else if(status) {
//         url = branch ? `${url}/${status}/${branch}` : url;
//     }else if(dateFrom){
//         url = branch ? `${url}/All/${branch}/${dateFrom}/${dateTo}` : url;
//     }else{
//         url = branch ? `${url}/All/${branch}` : url;
//     }
//
//     // url = branch ? `${url}/${branch}` : url;
//     window.location = url
// });
</script>
<!-- Google analytics script-->
<script type="text/javascript">
if(document.location.hostname == 'pratikborsadiya.in') {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-72504830-1', 'auto');
ga('send', 'pageview');
}
</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 type="text/javascript">
$(".download-excel").click(function (e){
e.preventDefault();

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


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


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

});
</script>
@endsection