@extends('companyuser::layouts.master')
@section('title', __('sales::invoice_returns.invoice_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/vendors/css/pickers/daterange/daterangepicker.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/modal/style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
    <script src="{{ asset('js/app.js') }}" defer></script>
    <style type="text/css">
    a.disabled {
        pointer-events: none;
        cursor: default;
    }
    table#sales_return_table tr td {
        white-space: nowrap !important;
    }
    #sales_return_table_wrapper .row{
        overflow-x: auto !important;
    }
    
    /* ZATCA Error Status Styling */
    .popup-zatca-error {
        color: #ff932a !important;
        text-decoration: underline !important;
        cursor: pointer !important;
        transition: opacity 0.2s ease;
    }
    
    .popup-zatca-error:hover {
        opacity: 0.8;
        text-decoration: underline !important;
    }
    </style>
    <script src="{{ asset('assets/js/custom/exportPdf.js') }}" defer></script>

@endsection

@push('extra_scripts')
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
@endpush

@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.customers.index', $subdomain)}}">@lang('companyuser::sidebar.Sales')</a></li>
                <li class="breadcrumb-item active"><a href="#">@lang('companyuser::sidebar.Invoice 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('sales::invoice_returns.invoice_returns')</h3>
        </div>
        <div class="headBtns fixed-btns" style="padding-bottom: 10px;">
            @can('sales.invoice-returns.create')
            <div class="btn-group pull-right">
                @can('sales.invoices.create')
                @if(!$taxableUser)
                <a class="text-white"
                    href="{{route('company.invoice-returns.create', [\Modules\Sales\Enums\InvoiceTypesEnum::TAX_CREDIT_INVOICE, 'subdomain' => $subdomain])}}"
                    title="@lang('Add')">
                    <span @if(!$accountingSettingsCount) disabled @endif class="icon-Add action-icon"></span>
                </a>
                @else
                    @if ($companyInfo->zatca_comply && gettype($invoiceTaxableTypes) == 'string')
                        <a class="text-green" href="{{route('company.invoice-returns.create', [$invoiceTaxableTypes, 'subdomain' => $subdomain])}}" title="@lang('Add')">
                            <span class="icon-Add action-icon"></span>
                        </a>
                    @else
                        <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent"
                            style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Add')}}">
                            <span class="icon-Add action-icon"></span>
                        </a>
                        <div class="dropdown-menu" id="saveAndCreate" @if(app()->getLocale() == 'en') style="margin-left: -65px;" @endif>
                            @foreach($invoiceTaxableTypes as $type)
                            <a class="dropdown-item"
                                href="{{ route('company.invoice-returns.create',[$type, 'subdomain' => $subdomain]) }}"
                                title="{{ __('sales::invoices.'.$type.'_message')}}">{{ __('sales::invoices.'.$type) }}
                            </a>
                            @endforeach
                        </div>
                    @endif
                @endif
                @endcan
            </div>
            {{-- <a class="text-white pull-right" href="{{route('company.invoice-returns.create', $subdomain)}}" title="@lang('Add')">
                <span class="icon-Add action-icon" @if(!$accountingSettingsCount) disabled @endif></span>
            </a> --}}
            @endcan

            @can('sales.invoice-returns.export')
                <div class="mb-1 pull-left">
                    <a href="{{route('company.invoice-returns.export', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')])}}" class="{{!count($invoicesReturn) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.download_excel')">
                        <span class="icon-Excel action-icon"></span>
                    </a>

                    <a id="export_invoices_in_pdf" class="{{!count($invoicesReturn) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.Download_Pdf')">
                        <span class="icon-Pdf action-icon"></span>
                    </a>
                    <a href="{{route('company.invoice-returns.print-invoice-returns-list', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')])}}" class="{{!count($invoicesReturn) ? 'disabled' : ''}} pull-left" target="_blank" title="@lang('Print')">
                        <span class="icon-Print action-icon"></span>
                    </a>
                    @if ($companyInfo->zatca_comply)
                        <a id="reportToZatca" style="margin-top: -4px;" class="{{!count($invoicesReturn) ? 'disabled' : ''}} pull-left" title="{{__('sales::invoices.report_to_zatca')}}">
                            <img src="{{ asset('assets/icons/report-to-zatca-'.app()->getLocale().'.svg') }}" width="65" height="55" />
                        </a>
                    @endif
                </div>
            @endcan

            </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>
            </div>
        </div>
        @endif
        <div id="sendToZatcaBtnStatus" class="alert text-white" style="background-color: #11B99F; display:none;" role="alert">
            {{__('sales::invoices.processing_send_zatca_report')}}
        </div>
        <div id="zatcaBtnErrorMessage" class="alert alert-danger" style="background-color: #11B99F; display:none;" role="alert">
        </div>

            @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.invoice-returns.index', ['subdomain' => $subdomain]) }}" method="GET" id="filter-form" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>

                <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="category">@lang('sales::invoice_returns.customer')</label>
                                    </div>
                                    <div class="col-md-12  w-100-ipad-portrait mb-1">
                                        <customers-dropdown-component 
                                        :selected="{{ 
                                            json_encode(\Modules\Sales\Models\Customer::getForDropdown(request('customer'))) 
                                        }}"
                                        :create-new="true"
                                            :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'invoice-returns']) }}'"
                                            :lang="'{{ app()->getLocale() }}'"
                                            :multi-select="false"
                                            input-name="customer"
                                            :translations="{
                                                 placeholder: '{{ __("sales::customers.select_customer") }}',
                                                searchPlaceholder: '{{ __("sales::customers.search_customers") }}',
                                                createNewText: '{{ __("sales::customers.add_new_customer") }}',
                                                noResultsText: '{{ __("sales::customers.no_customers_found") }}',
                                            }"
                                            class="w-100"
                                        />
                                        <select name="customer" class="w-100 py-1 form-control select2-tag h-45" style="width:100%">
                                            <option value="">{{ __('All') }}</option>
                                            @foreach($customers as $id => $name)
                                                <option value="{{ $id }}" {{ request('customer') == $id ? 'selected' : '' }}>{{ $name }}</option>
                                            @endforeach
                                        </select>
                                    </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" style="padding: 0;">
                                <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">
                                    <div class="col-md-12  w-100-ipad-portrait">
                                        <label for="category">@lang('sales::invoice_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="form-group">
                                <div class="row">
                                    <div class="col-md-12  w-100-ipad-portrait">
                                        <label for="category">@lang('sales::invoice_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="{{ __('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="{{ __('to') }}">
                                    </div>
                                </div>
                            </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('sales::invoice_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')||!request("old_year_receipts")) checked @endif>
                                                <span class="custom-control-indicator"></span>
                                                <span class="custom-control-description">@lang('sales::invoice_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>
            @if (session()->has('print-invoice-error'))
                @if(config('sweetalert.animation.enable'))
                    <link rel="stylesheet" href="{{ config('sweetalert.animatecss') }}">
                @endif
                <script src="{{ asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
                <script>
                    setTimeout(() => {
                        Swal.fire({
                            icon: 'error',
                            confirmButtonColor: "#11B99F",
                            text: `