@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>{{__("sales-orders")}} ({{$activeYear}})</h1>
        <p>{{__("all-sales-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="#">{{__("sales-orders")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<div class="row">
    <div class="col-lg-12 m-auto">
        <div class="tile">
            <div class="tile-body">
                <div class="form-group row">
                    <label for="inputPassword" class="col-sm-1 col-form-label"><b>{{__("year")}}</b></label>
                    <div class="col-sm-2" id="yearsOption">
                        <select class="form-control" id="year" style="width: 100%">
                            <option></option>
                            @foreach($yearsData['years'] as $year)
                            <option value="{{$year}}" @if($activeYear==$year) selected @endif>{{$year}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-5" id="yearsOption">
                        <button class="btn btn-primary" type="submit" style="color: white" id="searchBtn"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("show")}}</button>
                    </div>
                    <div class="col-sm-1" id="yearsOption">
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#activeYearModal">
                            {{__("change-active-year")}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row" id="dataTable">

    <div class="row col-lg-12">
        @if(isPermissionsAllowed("create-sales-order"))
        <div class="col-lg-6 p-3">
            <a class="btn btn-primary" id="createBtn" style="color:white;"><i class="fas fa-plus"></i> {{__('create-sales-order')}}</a>
        </div>
        @endif

        <div class="col-lg-2"></div>
        <div class="col-lg-3 p-3 text-right d-flex" style="margin-left: 55px;">
            <form action="{{route("admin.sales-orders.export")}}" method="post" id="form-excel" class="mr-2">
                @csrf
                <input type="hidden" name="status" value="0">
                <input type="hidden" name="voucherYear" id="voucherYear">
                <span class="download-excel btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i>{{__("Summaries Of Orders")}}</span>
            </form>
            <form action="{{route("admin.sales-orders.OrdersItemExport")}}" method="post" id="form-excel2">
                @csrf
                <input type="hidden" name="status" value="0">
                <input type="hidden" name="voucherYear" id="voucherYear1">
                <span class="download-excel2 btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i>{{__("Details Orders ")}}</span>
            </form>
        </div>
    </div>
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered text-center" id="sampleTable" style="width: 100%">
                        <thead>
                            <tr>
                                <th >#</th>
                                <th style="width: 1%">{{__("date")}}</th>
                                <th style="width: 10%">{{__("number")}}</th>
                                <th style="width: 10%">{{__("client-name")}}</th>
                                <th style="width: 10%">{{__("total-price")}}</th>
                                <th style="width: 10%">{{__("processing")}}</th>
                                <th style="width: 10%">{{__("analysis")}}</th>
                                <th style="width: 10%">{{__("details")}}</th>
                                <!-- <th style="width: 5%">{{__("history")}}</th> -->
                                <th style="width: 13%">{{__("Order Type")}}</th>
                                <th style="width: 10%">{{__("print")}}</th>
                                <th style="width: 10%">{{__("Invoice")}}</th>
                                @if(isPermissionsAllowed("edit-sales-order","delete-sales-order"))
                                <th style="width: 9%">{{__("control")}}</th>
                                @endif

                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($vouchers as $voucher)
                            <tr>
                                <td>{{$serial_number++}}</td>
                                <td>{{$voucher->date}}</td>
                                <td>{{$voucher->number}}</td>
                                <td>{{$voucher->client->en_name}}</td>
                                <td>{{$voucher->total_price}}</td>
                                <td><button onclick="processingBtn({{$voucher->id}})" class="btn btn-primary" style="color:white;">{{__('processing')}}</button></td>
                                <td><button onclick="analysisBtn({{$voucher->id}})" class="btn btn-primary" style="color:white;" @if($voucher->is_processing == 0) disabled @endif>{{__('analysis')}}</button></td>
{{--                                <td><button onclick="processingBtn({{$voucher->id}})" class="btn btn-primary" style="color:white;">{{ $voucher->is_analyzed ? __('show-processing') : __('processing') }}</button></td>--}}
{{--                                <td><button onclick="analysisBtn({{$voucher->id}})" class="btn btn-primary" style="color:white;" @if($voucher->is_processing == 0) disabled @endif>{{ $voucher->is_analyzed ? __('show-analysis') : __('analysis') }}</button></td>--}}
                                <td><a href="{{route("admin.sales-orders.details", $voucher->id)}}" class="btn btn-primary" style="color:white;">{{__("details")}}</a></td>
                                <!-- <td>
                                    <a href="{{route("admin.sales-orders-analyzed.history", $voucher->id)}}" class="btn btn-primary" style="color:white;"> {{__('show')}}</a>
                                </td> -->
                                <td>
                                    <form method="get" action="" id="forms">
                                        @php $order_types = \App\Models\OrderType::whereIn("id", [1,2,3,4,8,9])->get(); @endphp
                                        <select name="order_type" id="order_type{{$voucher->id}}" onchange="selectType({{$voucher->id}})" class="form-control">
                                                <option>{{__('select-order_type')}}</option>
                                            @foreach($order_types as $order_type)
                                            <option value="{{$order_type->id}}">{{$order_type->type}}</option>
                                            @endforeach
                                        </select>
                                    </form>
                                </td>
                                <td>
                                <a href="{{route("admin.sales-orders.print", $voucher->id)}}" target="_blank" class="btn btn-primary" style="color:white;">{{__("Details Orders ")}}</a>
                                </td>
                                <td>
                                <a href="{{ route('admin.sales-orders.invoice', $voucher->id) }}" class="btn btn-primary @if($voucher->invoice == 1) '' @else disabled @endif" style="color:white;">{{ __("issue_invoices") }}</a>
                                </td>
                                @if(isPermissionsAllowed("edit-sales-order","delete-sales-order"))
                                <td>
                                    @if(isPermissionsAllowed("edit-sales-order"))
                                    @if($voucher->is_processing == 0) <a href="{{route("admin.sales-orders.edit", $voucher->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>@endif
                                    @endif
                                        @if(isPermissionsAllowed("delete-sales-order"))
                                        @if($voucher->delete == 1)
                                    <form action="{{route("admin.sales-orders.destroy", $voucher->id)}}" method="post" id="delete{{$voucher->id}}" style="display: none" data-swal-title="{{__("delete-type")}}" data-swal-text="{{__("are-you-sure-to-delete-this-type?")}}" data-yes="{{__("yes")}}" data-no="{{__("no")}}" data-success-msg="{{__("the-type-has-been-deleted-successfully")}}">@csrf @method("delete")</form>
                                    <span href="#" class="control-link remove form-confirm" data-form-id="#delete{{$voucher->id}}"><i class="far fa-trash-alt"></i></span>
                                    @endif
                                    @endif
                                </td>
                                    @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div>
                        {{$vouchers->links("pagination::bootstrap-4")}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row" id="emptyDiv" style="display: none">
    <div class="row col-lg-12">
        <div class="col-lg-6 p-3">
            <a id="createBtn2" class="btn btn-primary" style="color:white;"><i class="fas fa-plus"></i> {{__('create-sales-order')}}</a>
        </div>
    </div>
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered text-center" id="emptyTable">
                        <thead>
                            <tr>
                                <th style="width: 1%">#</th>
                                <th style="width: 15%">{{__("date")}}</th>
                                <th style="width: 20%">{{__("classification")}}</th>
                                <th style="width: 20%">{{__("client-name")}}</th>
                                <th style="width: 20%">{{__("representative-name")}}</th>
                                <th style="width: 15%">{{__("total-price")}}</th>
                                @if(isPermissionsAllowed("edit-sales-orders","delete-sales-orders"))
                                <th>{{__("control")}}</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody id="data">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<input id="lang" type="hidden" value="{{app()->getLocale()}}">
<div class="modal fade" id="activeYearModal" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lgx">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{__("change-active-year")}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12 m-auto">
                        <div class="tile">
                            <div class="tile-body">
                                <form method="post" action="{{route("admin.sales-orders.change-active-year")}}" enctype="multipart/form-data" onsubmit="changeActiveYear()">
                                    @csrf
                                    <div class="form-group row">
                                        <label for="inputPassword" class="col-sm-2 col-form-label"><b>{{__("year")}}</b></label>
                                        <div class="col-sm-10">
                                            <select class="form-control" id="activeYear" name="activeYear">
                                                <option></option>
                                                @foreach($yearsData['years'] as $year)
                                                <option value="{{$year}}" @if($activeYear==$year) selected @endif>{{$year}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="tile-footer">
                                        <button class="btn btn-primary" type="submit" style="color: white" id="changeBtn"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("change")}}</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section("scripts")
    <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({"bPaginate": false, "bInfo": false});</script>
    <script type="text/javascript">$('#emptyTable').DataTable();</script>

    <!-- Google analytics script-->
    <script type="text/javascript">
        var baseUrl = window.location.origin;
        $("#voucherYear").val($("#year").val());
        $("#voucherYear1").val($("#year").val());
        localStorage.setItem("year", {{$activeYear}});
            for(let i = 1; i < 100 ; i++) {
            $("#order_type" + i).select2({
                placeholder: "{{__('select-order_type')}}",
                width: "100%",
            });
            $("#print" + i).select2({
                width: "100%",
            });
            }

        function selectType(id){
            let urls;
            if($("#order_type"+id).val() == 1){
                urls =  baseUrl + "/en/admin/booking-orders/booking/orders/"+$("#order_type"+id).val()+"/"+id;
            }else if($("#order_type"+id).val() == 2){
                urls =  baseUrl + "/en/admin/purchase-orders/purchase/orders";
            }else if($("#order_type"+id).val() == 3 || $("#order_type"+id).val() == 5 || $("#order_type"+id).val() == 6 || $("#order_type"+id).val() == 7 ){
                urls =  baseUrl + "/en/admin/supply-of-order/supply/order/"+$("#order_type"+id).val()+"/"+id;
            }else if($("#order_type"+id).val() == 4){
                urls =  baseUrl + "/en/admin/production-orders/production/orders/"+$("#order_type"+id).val()+"/"+id;
            }else if($("#order_type"+id).val() == 8){
                urls =  baseUrl + "/en/admin/unbooking-orders/unbooking/orders/"+$("#order_type"+id).val()+"/"+id;
            }else if($("#order_type"+id).val() == 9){
                urls =  baseUrl + "/en/admin/maintenance-orders/maintenance/orders/"+$("#order_type"+id).val()+"/"+id;
            }
            $("#forms").attr("action",urls).submit();
        }

        $("#year").select2({
            placeholder: "{{__('select-year')}}",
            width: "100%",
        });
        $("#activeYear").select2({
            placeholder: "{{__('select-year')}}",
            width: "100%",
        });
        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();
        });

        $(".download-excel2").click(function (e) {
            e.preventDefault();
            let status = $("#status-filter option:selected").data("value");
            $(this).siblings("input[name='status']").val(status);
            $("#form-excel2").submit();
        });

        $("#createBtn").on("click", function () {
            if ({{$activeYear}} == localStorage.getItem("year")) {
                $("#createBtn").attr("href", "{{route("admin.sales-orders.create")}}");
            } else {
                swal({
                    icon: 'error',
                    title: "{{__('error')}}",
                    text: "{{__('add-voucher-error')}}"
                })
            }
        })

        $("#createBtn2").on("click", function () {
            if ({{$activeYear}} == localStorage.getItem("year")) {
                $("#createBtn2").attr("href", "{{route("admin.sales-orders.create")}}");
            } else {
                swal({
                    icon: 'error',
                    title: "{{__('error')}}",
                    text: "{{__('add-voucher-error')}}"
                })
            }
        })

        var baseUrl = window.location.origin;

        $("#searchBtn").on("click", function () {
            if ($("#year").val() == "") {
                swal({
                    icon: 'error',
                    title: "{{__('error')}}",
                    text: "{{__('select-year-error')}}"
                })
            } else {
                localStorage.setItem("year", $("#year").val());
                $("#voucherYear").val($("#year").val())
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: "get",
                    dataType: 'json',
                    url: baseUrl + "/en/ajax/sales-orders/get/" + $("#year").val() + "/" + $("#lang").val(),
                    success: function (response) {
                        if (response["status"] === 200) {
                            if (response["orders"].length > 0) {
                                $("#dataTable").css("display", "block");
                                $("#emptyDiv").css("display", "none");
                                $('#sampleTable').dataTable({
                                    destroy: true,
                                    data: response["orders"],
                                    columns: [
                                        {"data": "number"},
                                        {"data": "date"},
                                        {"data": "classification"},
                                        {"data": "client_en_name"},
                                        {"data": "representative"},
                                        {"data": "total_price"},
                                        {"data": "action"}
                                    ],
                                });
                            } else {
                                $("#dataTable").css("display", "none");
                                $("#emptyDiv").css("display", "block");
                            }
                        }

                    }
                })
            }
        })

        function changeActiveYear(){
            swal({
                title: "{{__('changed')}}",
                text: "{{__('change-active-year-message')}}",
                icon: "success",
            }).then(function () {
                window.location.href = '{{route("admin.sales-orders.index")}}';
            })
        }

        function analysisBtn(id){
            var url = '{{ route("admin.sales-orders.analysis", ":id") }}';
            url = url.replace(':id', id);
            window.location.href=url;
        }

        function processingBtn(id){
            var url = '{{ route("admin.sales-orders.processing", ":id") }}';
            url = url.replace(':id', id);
            window.location.href=url;
        }
    </script>
@endsection