@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">
    @if(isPermissionsAllowed("create-sales-orders"))
    <div class="row col-lg-12">
        <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>
        <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-analyzed.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-analyzed.OrdersItemExport")}}" method="post" id="form-excel2" class="mr-2">
                @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>
    @endif
    <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 style="width: 1%">#</th>
                                <th style="width: 5%">{{__("date")}}</th>
                                <th style="width: 5%">{{__("classification")}}</th>
                                <th style="width: 7%">{{__("client-name")}}</th>
                                <th style="width: 10%">{{__("representative-name")}}</th>
                                <th style="width: 6%">{{__("total-price")}}</th>
                                <th style="width: 7%">{{__("control")}}</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($vouchers as $voucher)
                            <tr>
                                <td>{{$serial_number++}}</td>
                                <td>{{$voucher->date}}</td>
                                <td>{{$voucher->classification}}</td>
                                <td>{{$voucher->client_en_name}}</td>
                                <td>{{$voucher->representative}}</td>
                                <td>{{$voucher->total_price}}</td>
                                <td>
                                    @if(count($voucher->voucher_temp))
                                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter{{$voucher->id}}">
                                        {{__("Changes")}}
                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="exampleModalCenter{{$voucher->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLongTitle"><span style="color: var(--primary)">{{__("Warnings")}}</span></h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    {{-- {{$voucher->id}} --}}
                                                    <h5>{{__("* You have an incomplete record of the last modification")}}</h5>
                                                    <br>
                                                    <p><span style="color: var(--primary);">{{__("Note: if you choose cancel the last modification will be completely deleted")}}</span></p>
                                                    <br>
                                                    @php
                                                    $voucher_temp= $voucher->voucher_temp->last();
                                                    @endphp
                                                    <div style="display: flex; justify-content:space-around">
                                                        @if($voucher_temp->form_step == 1)
                                                        <a class="btn btn-primary" href="{{route("admin.sales-orders-analyzed.processing",[ "id"=>$voucher->id, "temp_id" => $voucher_temp->id , "is_analyse"=>$voucher->is_analyzed]) }} "> Continue Processing </a>
                                                        @elseif($voucher_temp->form_step == 2)
                                                        <a class="btn btn-primary" href="{{route("admin.sales-orders-analyzed.analysis-edition",[ "id"=>$voucher->id, "temp_id" => $voucher_temp->id , "is_analyse"=>$voucher->is_analyzed]) }} "> Show Temp File </a>
                                                        @endif
                                                        <a href="{{route("admin.sales-orders-analyzed.destroy-temp",$voucher_temp->id)  }}" class="btn btn-primary"> {{__("Cancel changes")}} </a>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-primary">Save changes</button> --}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    @else
                                    <a href="{{route("admin.sales-orders-analyzed.edit", $voucher->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                    @endif
                                </td>
                            </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")
    <!-- https://stackoverflow.com/questions/17832742/how-to-remove-pagination-in-datatable -->
    <!-- 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({"bPaginate": false, "bInfo": false});</script>
    <script type="text/javascript">$('#emptyTable').DataTable();</script>
    <!-- Google analytics script-->
    <script type="text/javascript">
        $("#voucherYear").val($("#year").val());
        $("#voucherYear1").val($("#year").val());
        localStorage.setItem("year", {{$activeYear}});
        $("#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;
        }
    </script>
@endsection