@extends('companyuser::layouts.master')
@section('title', __('purchases::bill_returns.bill_returns'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/filter.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/input-dropdown/input-dropdown.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/range/range.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/modal/style.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>
@endsection

@push('extra_scripts')
<script src="{{ asset('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/daterange/daterangepicker.js') }}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{ asset('assets/js/custom/exportPdf.js') }}" defer></script>
<script src="{{ asset('assets/js/scripts/modal/components-modal.js') }}" defer></script>
@endpush
<style>
  a.disabled {
    pointer-events: none;
    cursor: default;
}
</style>

@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('company.suppliers.index', $subdomain)}}">@lang('companyuser::sidebar.Purchases')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('companyuser::sidebar.Bill Returns')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section>
    <div class="container-fluid">
        <div class="col-xs-6 headTitle">
            <h3 class="py-half">@lang('purchases::bill_returns.bill_returns')</h3>
        </div>
        <div class="headBtns fixed-btns">
            <div class="btn-group pull-right">
                @can('purchases.bill-returns.create')
                <a class="text-green" href="{{route('company.bill-returns.create', $subdomain)}}" @if(!$accountingSettingsCount) disabled @endif title="@lang('Add')">
                    <span class="icon-Add action-icon"></span>
                </a>
                @endcan
            </div>
            <!--check for right permissions      -->
            <div class="mb-1">
                <a href="{{route('company.bill-returns.export', ['subdomain' => $subdomain]+request()->all())}}" class="pull-left {{!count($billsReturn) ? 'disabled' : ''}} " title="@lang('reports::reports.download_excel')">
                    <span class="icon-Excel action-icon"></span>
                </a>
                <a id="export-bill-returns-pdf" href="#" class="{{!count($billsReturn) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.Download_Pdf')">
                    <span class="icon-Pdf action-icon"></span>
                </a>

                <a href="{{route('company.bill-returns.export-print', ['subdomain' => $subdomain]+request()->all())}}" class="{{!count($billsReturn) ? 'disabled' : ''}} pull-left" target="_blank" title="@lang('Print')">
                    <span class="icon-Print action-icon"></span>
                </a>
            </div>
        </div>

        @if( !$accountingSettingsCount)
        <div class="row">
            <div class="col-md-12  col-xs-12 text-center">
                <div class="alert alert-white settings-alert">
                    @lang('superadmin::Dashboard.Please set your ') &nbsp;
                    <a href="{{route('company.accounting-settings.index', $subdomain)}}">
                        @lang('settings::general_settings.accounting settings') </a>
                    &nbsp;
                    @lang('superadmin::Dashboard.to start adding accounting transactions')
                </div>
            </div>
        </div>
        @endif

        @include('companyuser::errors.all')
        @include('companyuser::errors.lists')
        <div id="frontend-validation-errors"></div>

        <div class="mt-1">
            <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                <div class="d-flex justify-content-between">
                    <span>@lang('Filter') </span><i class="fa fa-angle-down"></i>
                </div>
            </button>
        </div>


        <div class="collapse filter-section-collapse" id="collapseExample">
            <form action="{{ route('company.bill-returns.index', ['subdomain' => $subdomain]) }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                @csrf
                <div class="card card-body mb-0">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-12 w-100-ipad-portrait">
                                        <label for="supplier">@lang('purchases::bill_returns.Supplier')</label>
                                    </div>
                                    <div class="col-md-12  w-100-ipad-portrait mb-1">
                                        <suppliers-dropdown-component
                                            :selected="{{ 
                                                json_encode(\Modules\Purchases\Models\Supplier::getForDropdown(request('supplier')))
                                             }}"
                                             :create-new="true"
                                             :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain]) }}'"
                                             :lang="'{{ app()->getLocale() }}'"
                                             :multi-select="false"
                                             :input-name="'supplier'"
                                             :display-key="'name'"
                                             :translations="{
                                                placeholder: '{{ __('purchases::supplier_receipts.select supplier') }}',
                                                searchPlaceholder: '{{ __('purchases::suppliers.search_suppliers') }}',
                                                noResultsText: '{{ __('purchases::suppliers.no_suppliers_found') }}',
                                                createNewText: '{{ __('purchases::suppliers.add_new_supplier') }}'
                                             }"
                                        />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-12  w-100-ipad-portrait">
                                        <label for="category">@lang('purchases::bill_returns.Amount')</label>
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <input type="number" name="amount_from" value="{{ request('amount_from') }}" class="form-control h-45" placeholder="@lang('from')">
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <input type="number" name="amount_to" value="{{ request('amount_to') }}" class="form-control h-45" placeholder="@lang('to')">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-12  w-100-ipad-portrait">
                                        <label for="category">@lang('purchases::bill_returns.Date')</label>
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker 
                                            name="date_from" 
                                            :value="request('date_from')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('date_from')"
                                        />

                                        @error('date_from')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker 
                                            name="date_to" 
                                            :value="request('date_to')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('date_to')"
                                        />

                                        @error('date_to')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="col-md-12 w-100-ipad-portrait pl-0 ml-0">
                                <label for="cost_center_id" style="font-size: 13px;">@lang('products::cost_center.Cost Center')</label>
                            </div>
                            <div class="col-md-12 w-100-ipad-portrait ml-0 pl-0 padd0">
                                <select name="cost_center_id" id="cost_center_id" class="w-100 py-1 form-control select2-tag h-45" style="width:100%">
                                    @can('cost-center.main-center.view')
                                    <option value="">{{__('All')}}</option>
                                    <option @if(request('cost_center_id')=='main_center' ) selected @endif value="main_center">{{__('products::cost_center.main center')}}</option>
                                    @endcan
                                    @foreach($costCenters as $costCenter)
                                    @if($costCenter->parent_id)
                                    <option @if(request('cost_center_id')==$costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}}
                                        {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                    </option>
                                    @else
                                    <option @if(request('cost_center_id')==$costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}} -
                                        {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                    </option>
                                    @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <button class="dropdown-item" type="button">
                                        <fieldset>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" name="old_year_receipts" @if(request("old_year_receipts")) checked @endif>
                                                <span class="custom-control-indicator"></span>
                                                <span class="custom-control-description">@lang('purchases::bill_returns.old_year')</span>
                                            </label>
                                        </fieldset>
                                    </button>
                                    <button class="dropdown-item" type="button">
                                        <fieldset>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" name="current_year_receipts" @if(request('current_year_receipts')) checked @endif>
                                                <span class="custom-control-indicator"></span>
                                                <span class="custom-control-description">@lang('purchases::bill_returns.current_year')</span>
                                            </label>
                                        </fieldset>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-left mt-2">
                        <button type="submit" class="btn btn-info mr-1 mb-1 p-5">
                            <img src="{{asset('assets/images/Done.png') }}" alt="done" width="35px">
                        </button>
                        <button type="reset" id="reset" class="btn btn-warning mb-1 p-5"> <span class="icon-Delete f-32"></span></button>
                    </div>
                </div>
            </div>
        </form>
        <div>
            <section id="configuration">
                <div class="row mt-2">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="card-block card-dashboard" style="overflow-x: scroll;">
                                    <table id="bill_return_table" class="table table-striped" style="width:100%;display: inline-table;font-size: small;">
                                        <thead>
                                            <tr>
                                                <th>@lang('purchases::bill_returns.Reference ID')</th>
                                                <th>@lang('purchases::bill_returns.Supplier')</th>
                                                <th>@lang('purchases::bill_returns.Date')</th>
                                                <th>@lang('products::cost_center.Cost Center')</th>
                                                <th>@lang('purchases::bill_returns.Amount')</th>
                                                <th>@lang('purchases::bill_returns.outstanding')</th>
                                                <th>@lang('purchases::bill_returns.bill_reference')</th>
                                                <th>@lang('purchases::bill_returns.Supplier Invoice Reference Number')</th>
                                                <th>@lang('Actions')</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                        </tbody>
                                    </table>

                                    <receipts-modal
                                        :type="{{ json_encode(__('purchases::bill_returns.billreturns')) }}"
                                        :search="{{ json_encode(__('purchases::purchase_bills.search')) }}"
                                        :allocation="{{ json_encode(__('purchases::bill_returns.allocation')) }}"
                                        :remaningamount="{{json_encode(__('purchases::bill_returns.remaningAmount')) }}"
                                        :unpaidbills="{{json_encode(__('purchases::bill_returns.unpaidtype')) }}"
                                        :Youhavetoasignselectedreceiptamountto="{{json_encode(__('purchases::supplier_receipts.You have to assign receipts to be linked with this')) }}"
                                        :referenceid="{{json_encode(__('purchases::bill_returns.ReferenceID')) }}"
                                        :date="{{json_encode(__('purchases::bill_returns.Date')) }}"
                                        :amount="{{json_encode(__('purchases::bill_returns.Amount')) }}"
                                        :assigned="{{json_encode(__('purchases::bill_returns.assign')) }}"
                                        :totalstring="{{json_encode(__('purchases::bill_returns.totalString')) }}"
                                        :save="{{ json_encode(__('Save')) }}"
                                        :cancel="{{ json_encode(__('Cancel')) }}"
                                        :showing="exampleModalShowing"
                                        @close="exampleModalShowing = false"
                                        :receiptslist="receipts = []"
                                        :outstanding="outstanding = 0"
                                        :allocated="allocated = 0"
                                        :allocatedstring="{{ json_encode(__('sales::customer_receipts.allocated')) }}"
                                        :total="total = 0"
                                        :route="route = ''"
                                        :csrf="'{{csrf_token()}}'"
                                        :billreference="billReference = ''"
                                        :lang="{{ json_encode(app()->getLocale()) }}">
                                    </receipts-modal>

                                    {{---------------- popup to deleted purchase bill -------------------------------}}
                                    <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <p>
                                                        @lang('purchases::bill_returns.delete_confirmation')
                                                    </p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                                    <span class="pull-right">
                                                      <form action="" id="deleteInvoice" method="POST" class="form delete-form">
                                                            @csrf
                                                            @method('delete')
                                                            <button type="submit" class="btn btn-primary">@lang('Continue')</button>
                                                        </form>
                                                    </span>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
    </div>
</section>
@endsection

     {{-- Warning Modal --}}
     <div class="modal fade" id="checkInvoiceEditable" tabindex="-1" role="dialog" aria-labelledby="invoiceLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="invoiceLabel">@lang('Warning')</h4>
                </div>
                <div class="modal-body">
                    <p id="editable-invoice-message">

                    </p>
                </div>
                <div class="modal-footer text-center">
                        <button type="button" class="btn btn-primary mx-1" data-dismiss="modal">@lang('landing_page.Ok')</button>
                </div>
            </div>
        </div>
    </div>
@section('extra_scripts')
    <script>
        gtag('event', 'web_purchases_bill_returns_list');
        console.log('web_purchases_bill_returns_list event');
    </script>
<script>
    let action_html = '';
    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {
            const loader=document.getElementById("overlay");
            // For A Delete Record Popup
            $("body").on("click",".filterbtn",function(){
                let url = new URL(window.location.href);
                let date_from = url.searchParams.get("date_from");
                if($("#collapseExample").hasClass("in") == false && $("#collapseExample").hasClass("dateCheck") == false && (date_from == '' ||  date_from == null)){

                    $(".singledate").val("");
                    $("#collapseExample").addClass("dateCheck");
                }
            })
            $(document).on('click', '.delete-item', function() {
                // $('.delete-item').click(function () {
                var modal = $(this).attr('data-target');
                var url = $(this).attr('data-url');
                $(modal + ' .delete-form').attr("action", url);
            });

            $('.popup-item').click(function() {
                var modal = $(this).attr('data-target');
                var url = $(this).attr('data-url');
                var products = $(this).attr('data-deleted-products');
                var msg = $(this).attr('data-msg');
                if (products) {
                    products = JSON.parse(products);
                    var items = [];
                    $.each(products, function(i, item) {
                        items.push('<li>' + item + '</li>');
                    }); // close each()
                    $('#deletedProducts').html(items.join(''));
                }
                $('#cloneMsg').html(msg);
                $(modal + ' .delete-form').attr("action", url);
            });
            // to export all bill return pdf
            $('#export-bill-returns-pdf').click(function(e) {
                const outputFileName = "{{__('purchases::bill_returns.bill_returns')}}.pdf";
                downloadPdfFileFromUrl("/