@extends('companyuser::layouts.master')
@section('title', __('companyuser::sidebar.Proforma Invoices'))
@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>
    <script src="{{ asset('assets/js/custom/exportPdf.js') }}" defer></script>

    <style>
        .swal2-container.swal2-center{
            z-index: 99999999;
        }
        .mlr-12 {
            margin-left: 12px;
            margin-right: 12px;
        }

        .float-left {
            float: left;
        }

        .float-right {
            float: right;
        }

        .filter-section-collapse form .input-group .input-group-addon.h-45 {
            height: 40px !important;
        }

        .lh-3 {
            line-height: 3;
        }

        .lh-2-5 {
            line-height: 2.5;
        }

        .btni {
            margin: 0 3px !important
        }

        a.disabled {
            pointer-events: none;
            cursor: default;
        }
        .proforma-to-invoice{
            width: 20px;
            height: 20px;
            margin-top: -3px;
            margin-right: -3px;
        }

        @media screen and (min-width: 1280px) and (max-width: 1366px) {

            table#proforma_invoice_table tr td:nth-child(1),
            table#proforma_invoice_table tr td:nth-child(2),
            table#proforma_invoice_table tr td:nth-child(3),
            table#proforma_invoice_table tr td:nth-child(8),
            table#proforma_invoice_table tr td:nth-child(9),
            table#proforma_invoice_table tr td:nth-child(10),
            table#proforma_invoice_table tr td:nth-child(11),
            table#proforma_invoice_table tr td:nth-child(12) {
                white-space: nowrap !important;
            }

            table#proforma_invoice_table {
                overflow-x: auto !important;
            }
        }
    </style>
    @if(app()->getlocale() == 'en')
        <style>
            a.btni.proforma-to-invoice-btn{
                margin: 0px 4px 0px -2px !important;
            }
        </style>
    @endif
@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/scripts/modal/components-modal.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.Proforma Invoices')</a></li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <section id="">
        <div class="container-fluid">
            <div class="col-xs-6 headTitle">
                <h3 class="py-half">@lang('sales::invoices.invoices')</h3>
            </div>
            <div class="headBtns fixed-btns" style="padding-bottom: 10px;">
                <div class="btn-group pull-right">
                    @can('sales.proforma-invoices.create')
                        <a class="text-white" href="{{route('company.proforma-invoices.create',$subdomain)}}" title="@lang('Add')">
                            <span @if(!$accountingSettingsCount) disabled @endif class="icon-Add action-icon"></span>
                        </a>
                    @endcan
                </div>
                @can('sales.proforma-invoices.export')
                    <div class="pull-left">
                        <a href="{{route('company.proforma-invoices.export', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!count($proformaInvoices) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.download_excel')">
                            <span class="icon-Excel action-icon"></span>
                        </a>
                        <a href="{{route('company.proforma-invoices.exporting-pdf', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!count($proformaInvoices) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.Download_Pdf')">
                            <span class="icon-Pdf action-icon"></span>
                        </a>
                        <a href="{{route('company.proforma-invoices.print-proforma-invoices-list', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!count($proformaInvoices) ? 'disabled' : ''}} pull-left" target="_blank" title="@lang('Print')">
                            <span class="icon-Print action-icon"></span>
                        </a>
                    </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>
            @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-collapse filter-section-collapse" id="collapseExample">
                <form action="{{ route('company.proforma-invoices.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-md-4">
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="customer">@lang('sales::estimates.customer')</label>
                                </div>
                                <div class="col-md-12">
                                    <customers-dropdown-component 
                                    :selected="{{ 
                                        json_encode(\Modules\Sales\Models\Customer::getForDropdown(request('customer_id'))) 
                                    }}"
                                    :create-new="true"
                                        :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'proforma-invoices']) }}'"
                                        :lang="'{{ app()->getLocale() }}'"
                                        :multi-select="false"
                                        input-name="customer_id"
                                        :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"
                                    />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="category">@lang('sales::estimates.issue_date')</label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6  w-50-ipad-portrait mb-half">
                                    <x-date-picker 
                                        name="issue_date_from" 
                                        :value="request('issue_date_from')"
                                        input-class="h-45"
                                        :is-invalid="$errors->has('issue_date_from')"
                                    />
                                    @error('issue_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="issue_date_to" 
                                        :value="request('issue_date_to')"
                                        input-class="h-45"
                                        :is-invalid="$errors->has('issue_date_to')"
                                    />
                                    @error('issue_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="row">
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="amount">@lang('sales::estimates.amount')</label>
                                </div>
                            </div>
                            <div class="row">
                                <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 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>

                </form>
            </div>
        </div>

        @if (session()->has('print-proforma-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: `