@extends("WarehouseDashboard.layouts.dashboard.app")

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__('Completed Orders')}}</h1>
            <p>{{__('view Completed 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">
            @if(session()->has('error'))
                <div class="alert alert-danger">
                    {{session()->get('error')}}
                </div>
            @endif
            @if(session()->has('success'))
                <div class="alert alert-success">
                    {{session()->get('success')}}
                </div>
            @endif

            @error("new")
            <div class="alert alert-danger">
                {{__("must have at least one order to collect order")}}
            </div>
            @endif
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade active show" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                    <div class="tile">
                        <div class="tile-body">
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="sampleTable table table-hover table-bordered">
                                        <thead>
                                        <tr>
                                            <th>{{__('Order number')}}</th>
                                            <th>{{__('Branch name')}}</th>
                                            @if(has_branch())
                                                <th>{{__("Type")}}</th>
                                            @endif
                                            <th>{{__('Created at')}}</th>
                                            <th>{{__('Order Details')}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($orders as $order)
                                            <tr>
                                                @if($order->status == 2)
                                                    <td>{{$order->Order_Number}}</td>
                                                    <td>{{$order->FormItems->form->branch->store_name}}</td>
                                                    @if(has_branch())
                                                        <td>{{$order->request_type == 1 ?__("Warehouse "):__("Operator") }}</td>
                                                    @endif
                                                    <td>{{$order->created_at?? ''}}</td>
                                                    <td>
                                                        <a href="{{route("RequestOrder.details", $order->id)}}" class="btn btn-primary">{{__("Show")}}</i></a>
                                                    </td>
                                                @endif
                                            </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()--}}

            {{--    </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();
                    console.log("ss");
                    let status = $("#status-filter option:selected").data("value");
                    $(this).siblings("input[name='status']").val(status);
                    $("#form-excel").submit();

                });
                function countChecked(num) {
                    const checkboxes = document.querySelectorAll('.checkbox');
                    const allCheckboxes = document.querySelector('#select-all');
                    let checkedCount = 0;

                    checkboxes.forEach(checkbox => {
                        if (checkbox.checked) {
                            checkedCount++;
                        }
                    });
                    console.log(num)
                    let checked= 0;
                    if(num == 0 && allCheckboxes.checked){
                        checked= checkedCount-1;
                    }else {
                        checked = checkedCount;
                    }
                    console.log(checked)
                    document.getElementById('checkedCount').textContent = checked ? checked : checkedCount;
                }
                window.addEventListener('load', function() {
                    const checkboxes = document.querySelectorAll('.checkbox');
                    checkboxes.forEach(checkbox => {
                        checkbox.removeAttribute('disabled');
                    });
                });
            </script>
            <script>
                $("#Status").on("change", function (){
                    filter();
                })
                $("#branch").on("change", function (){
                    filter();
                })
                $("#start-date").on("change", function (){
                    filter();
                })
                $("#end-date").on("change", function (){
                    filter();
                })


                function changeOrderStatus(event, orderId)
                {

                    let orderStatus = event.value;
                    let orderStatusRoute = "{{route('changeOrderStatus', [':order', ':status'])}}";
                    orderStatusRoute = orderStatusRoute.replace(':order', orderId)
                    orderStatusRoute = orderStatusRoute.replace(':status', orderStatus)
                    window.location.href = orderStatusRoute;
                }

                function filter()
                {
                    let  url = $(this).data("url"),
                        status = $("#Status").val(),
                        startDate = $('#start-date').val(),
                        endDate = $('#end-date').val(),
                        branch = $('#branch').val()
                    let route = '{{route('filter', [':status', ':branch'])}}';

                    if(status){
                        route = route.replace(':status', status)
                    }else{
                        route = route.replace(':status', 'all')
                    }
                    if(branch){
                        route = route.replace(':branch', branch)
                    }else{
                        route = route.replace(':branch', 'all')
                    }
                    if(startDate){
                        route = route + "/" + startDate
                    }

                    if(endDate){
                        if(!startDate){
                            route = route + "/all"
                        }

                        route = route + "/" + endDate
                    }
                    window.location.href = route
                }





                $('#select-all').click(function(event) {
                    if(this.checked) {
                        // Iterate each checkbox
                        $('.normal').each(function() {
                            this.checked = true;
                        });
                    } else {
                        $('.normal').each(function() {
                            this.checked = false;
                        });
                    }
                });



                $('#select-all-cranshe').click(function(event) {
                    if(this.checked) {
                        // Iterate each checkbox
                        $('.cranshe').each(function() {
                            this.checked = true;
                        });
                    } else {
                        $('.cranshe').each(function() {
                            this.checked = false;
                        });
                    }
                });



                function saveTabSelect(e) {
                    localStorage.setItem("tagSelected", e.id);
                    return true;
                }
            </script>
@endsection