@extends('dashboard.components.main')
@section('content')
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">
        <div class="page-content">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="page-title mb-0 font-size-18">@lang('dashboard_sales_expenses.expenses')</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item active"> @lang('dashboard_clients.welcome_platform')</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->
            <!-- Errors -->
            @include('dashboard.components.errors')
            <!-- Success Message -->
            @if (session()->has('message'))
                <p class="alert alert-success text-center">
                    {{ session()->get('message') }}
                </p>
            @endif
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-4">@lang('dashboard_sales_expenses.fast_expense_operations')</h4>
                    <div>
                        {{--
                        <a class="btn btn-primary mt-1 popup-form" href="#recordTransaction">
                            @lang('dashboard_sales_expenses.record_financial_transaction')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        --}}

                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.suppliers.invoices.create') }}">@lang('dashboard_sales_expenses.invoice_registration')<i
                                class="mdi mdi-plus-thick"></i> </a>


                        <a class=" btn btn-primary mt-1"
                            href="{{ route('dashboard.suppliers.addcashexpense') }}">@lang('dashboard_sales_expenses.cash_expense')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class=" btn btn-primary mt-1"
                            href="{{ route('dashboard.suppliers.regcheck') }}">@lang('dashboard_sales_expenses.cheque') <i
                                class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.suppliers.buyorder') }}">@lang('dashboard_sales_expenses.purchase_order')<i
                                class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1" href="{{ route('dashboard.suppliers.advance.payment.index') }}">
                            @lang('dashboard_sales_expenses.advance_payment')<i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.suppliers.refundsupplier') }}">@lang('dashboard_sales_expenses.return')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1" href="{{ route('dashboard.suppliers.noticedebtsupplier') }}">
                            @lang('dashboard_sales_expenses.debit_note')<i class="mdi mdi-plus-thick"></i> </a>


                        <a class="btn btn-primary mt-1" href="{{ route('dashboard.suppliers.invoices.edit') }}">
                            @lang('dashboard_suppliers.edit_invoice')<i class="mdi mdi-plus-thick"></i> </a>

                            <a class="btn btn-primary mt-1" href="{{ route('dashboard.suppliers.invoices.pay') }}">
                                @lang('dashboard_sales_expenses.pay_invoice')<i class="mdi mdi-plus-thick"></i> </a>

                        </div>
                    <div class="card mfp-hide mfp-popup-form mx-auto" id="addbank">
                        <div class="card-body">
                            <h4 class="mt-0 mb-4">@lang('dashboard_sales_expenses.enter_new_bank_account')</h4>
                            <form>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="name">@lang('dashboard_sales_expenses.account_name')</label>
                                            <input type="text" class="form-control" id="name"
                                                placeholder="@lang('dashboard_sales_expenses.account_name')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="email">@lang('dashboard_sales_expenses.account_number')</label>
                                            <input type="number" class="form-control" id="email"
                                                placeholder="123455 @lang('dashboard_sales_expenses.account_number')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label
                                                class="control-label">@lang('dashboard_sales_expenses.account_type')</label>
                                            <select class="form-control select2">
                                                <option>@lang('dashboard_sales_expenses.select_the_account_type')</option>
                                                <optgroup label="@lang('dashboard_sales_expenses.select')">
                                                    <option value="AK">@lang('dashboard_regcheck.account') 1</option>
                                                    <option value="HI">@lang('dashboard_regcheck.account') 2</option>
                                                </optgroup>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('dashboard_sales_expenses.forked_from')
                                            </label>
                                            <select class="form-control select2">
                                                <option>@lang('dashboard_sales_expenses.account_is_forked_from')</option>
                                                <optgroup label="@lang('dashboard_sales_expenses.select')">
                                                    <option value="AK">@lang('dashboard_regcheck.account') 1</option>
                                                    <option value="HI">@lang('dashboard_regcheck.account') 2</option>
                                                </optgroup>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label
                                                for="subject">@lang('dashboard_sales_expenses.account_description')</label>
                                            <textarea class="form-control" id="subject" rows="3"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="text-right">
                                            <button type="submit"
                                                class="btn btn-primary">@lang('dashboard_sales_expenses.execute')</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="card mfp-hide mfp-popup-form mx-auto" id="importcsv">
                        <div class="card-body">
                            <h4 class="mt-0 mb-4">@lang('dashboard_sales_expenses.import_bank_transactions')</h4>
                            <form>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label
                                                class="control-label">@lang('dashboard_sales_expenses.select_the_bank')</label>
                                            <select class="form-control select2">
                                                <option>@lang('dashboard_sales_expenses.select_the_bank')</option>
                                                <optgroup label="@lang('dashboard_sales_expenses.select')">
                                                    <option value="AK">@lang('dashboard_regcheck.account') 1</option>
                                                    <option value="HI">@lang('dashboard_regcheck.account') 2</option>
                                                </optgroup>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label
                                                class="control-label">@lang('dashboard_sales_expenses.choose_file_to_import_transactions_csv')
                                            </label>
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input" id="customFile">
                                                <label class="custom-file-label"
                                                    for="customFile">@lang('dashboard_sales_expenses.Select_file') </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="text-right">
                                            <button type="submit"
                                                class="btn btn-primary">@lang('dashboard_sales_expenses.perform_operation')</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <form action="{{ route('dashboard.suppliers.expenses') }}">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title mb-4">@lang('reports.filter') </h4>
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="control-label">@lang('dashboard_sales_expenses.supplier')</label>
                                    <select class="form-control select2" name="supplier_id">
                                        <option value="">@lang('dashboard_sales_expenses.all_suppliers')</option>
                                        @foreach ($suppliers as $supplier)
                                            <option value="{{ $supplier->id }}">
                                                {{ $supplier->first_name . ' ' . $supplier->middle_name . ' ' . $supplier->last_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="control-label">@lang('dashboard_sales_expenses.transaction_type')</label>
                                    <select class="form-control select2" name="transType">
                                        <option value="">@lang('dashboard_sales_expenses.all_types')</option>
                                        @foreach ($transTypes as $transType)
                                            <option value="{{ $transType }}"> @lang('dashboard_sales_expenses.'.$transType)
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label
                                        class="control-label">@lang('dashboard_sales_expenses.financial_movement_status')</label>
                                    <select class="form-control select2" name="status_id">
                                        <option value="">@lang('dashboard_sales_expenses.all_moves')</option>
                                        @foreach ($invoiceStatuses as $invoiceStatus)
                                            <option value="{{ $invoiceStatus->id }}"> {{ $invoiceStatus->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="control-label"> @lang('dashboard_sales_expenses.date_from') </label>
                                    <div class="input-group">
                                        <input type="date" class="form-control dateFrom" name="date_from">
                                        {{-- <div class="input-group-append">
                                            <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="control-label">@lang('dashboard_sales_expenses.date_to')</label>
                                    <div class="input-group">
                                        <input type="date" class="form-control dateTo" name="date_to">
                                        {{-- <div class="input-group-append">
                                            <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="text-right">
                                    <button type="submit"
                                        class="btn btn-primary">@lang('dashboard_sales_expenses.perform_operation')</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title">@lang('dashboard_sales_expenses.expenses') </h4>
                                    <p class="card-title-desc">@lang('dashboard_sales_expenses.expense_management')</p>
                                    <table id="datatable-buttons"
                                        class="table table-striped table-bordered table-responsive nowrap"
                                        style="border-collapse: collapse; border-spacing: 0; width: 100%;min-height: 400px"">
                                    <thead>
                                        <tr>
                                            <th style=" width: 40px; white-space: normal" data-priority="1">
                                        @lang('dashboard_sales_expenses.date')</th>
                                        <th style="width: 40px; white-space: normal" data-priority="3">
                                            @lang('dashboard_sales_expenses.movement_type')</th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.number') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.supplier') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.account') </th>
                                        <th style="width: 40px; white-space: normal" data-priority="1">
                                            @lang('dashboard_sales_expenses.due_date') </th>
                                        <th style="width: 40px; white-space: normal" data-priority="1">
                                            @lang('dashboard_sales_expenses.balance') </th>
                                            <th style="width: 100px; white-space: normal" data-priority="1">
                                                @lang('dashboard_sales_expenses.total_before_tax') </th>
                                                <th style="width: 10px; white-space: normal" data-priority="1">
                                                    @lang('dashboard_sales_expenses.tax') </th>
                                        <th style="width: 100px; white-space: normal" data-priority="1">
                                            @lang('dashboard_sales_expenses.total_after_tax')</th>
                                        <th style="width: 100px; white-space: normal" data-priority="1">
                                            @lang('dashboard_sales_expenses.status') </th>
                                        <th style="width: 200px; white-space: normal" data-priority="1">
                                            @lang('dashboard_sales_expenses.action') </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($invoices as $invoice)
                                                <tr>
                                                    <td style="width: 100px; white-space: normal">{{ $invoice['date'] }}</th>
                                                    <td style="width: 100px; white-space: normal">@lang('dashboard_sales_expenses.'.$invoice['type'])</td>
                                                    <td>{{ $invoice['number'] }}</td>
                                                    <td style="width: 100px; white-space: normal"><a href="{{ route('dashboard.suppliers.show',$invoice['supplier']) }}">{{ $invoice['supplier']['name'] }}</a></td>
                                                    <td style="width: 100px; white-space: normal">-</td>
                                                    <td style="width: 100px; white-space: normal">{{ $invoice['due_date'] }}</td>
                                                    <td style="width: 50px; white-space: normal">{{ $invoice['balance_due'] }}</td>
                                                    <td>{{ $invoice['total_before_tax'] }}</td>
                                                    <td>{{ $invoice['taxes_total'] }}</td>
                                                    <td>{{ $invoice['invoice_total'] }}</td>
                                                    <td style="width: 40px; white-space: normal" class="{{ (strlen($invoice['statusName']) > 0) ? 'bg-info text-white' : ' '}}">{{ $invoice['statusName'] }}</td>
                                                    <td>
                                                        <div class="btn-group" role="group">
                                                            <button id="btnGroupVerticalDrop1" type="button"
                                                                class="btn btn-primary dropdown-toggle"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">
                                                                @lang('dashboard_sales_expenses.action') <i
                                                                    class="mdi mdi-chevron-down"></i>
                                                            </button>
                                                            <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">

                                                                @if($invoice['type'] != 'notice_debt' && $invoice['type'] != 'pay_purchase_invoice' && $invoice['type'] != 'supplier_advance_payment')
                                                                <a class="dropdown-item"
                                                                href="{{ route('dashboard.suppliers.invoices.show.products',['id'=>$invoice['id'],'type'=>$invoice['type']]) }}">@lang('dashboard_sales_expenses.show_products') </a>
                                                                @endif

                                                                @if($invoice['file'])  
                                                                 <a class="dropdown-item"
                                                                  href="{{ route('dashboard.suppliers.download.file',['id'=>$invoice['id'],'type'=>$invoice['type']]) }}">@lang('buttons.download')</a>
                                                                @endif

                                                                <a class="dropdown-item"
                                                                    href="{{ route('dashboard.suppliers.print', [$invoice['id'],$invoice['type']])}}">@lang('dashboard_sales_expenses.print')
                                                                </a>
                                                                <a class="dropdown-item"
                                                                    href="{{ route('dashboard.suppliers.send.mail', [$invoice['id'],$invoice['type']])}}">@lang('dashboard_sales_expenses.send')
                                                                </a>

                                                                @if($invoice['type'] == 'purchase_invoice')

                                                          @if($invoice['status_id'] != 2 && $invoice['status_id'] != 4)
                                                           <a class="dropdown-item"
                                                           href="{{route('dashboard.suppliers.refundsupplier',$invoice['id'] )}}">@lang('dashboard_sales_expenses.refund')
                                                           </a>
                                                          @endif

                                                          @if ($invoice['deposit'] == 0 && !$invoice['is_refunded'])
                                                           <a class="dropdown-item"
                                                           href="{{route('dashboard.suppliers.invoices.edit',$invoice['id'])}}">@lang('dashboard_clients.edit_invoice') </a> 
                                                          @endif

                                                        @endif

                                                        @if($invoice['type'] == 'purchase_invoice' && $invoice['status_id'] != 4)
                                                        <a class="dropdown-item"
                                                        href="{{route('dashboard.suppliers.invoices.pay',$invoice['id'] )}}">@lang('dashboard_sales_expenses.pay_invoice')
                                                        </a>
                                                       @endif
                                                                    @if (!$invoice['is_refunded'])
                                                                 @if ($invoice['type'] == 'supplier_advance_payment' && ( $invoice['invoice_total'] != $invoice['balance_due']))
                                                     
                                                                  @else 
                                                                  <a class="dropdown-item"
                                                                    href="{{ route('dashboard.suppliers.invoices.delete', ['id' => $invoice['id'], 'type' => $invoice['type']]) }}">@lang('buttons.delete')</a>
                                                                 @endif
                                                                @else 
                                                                 <a class="dropdown-item" onclick="alertRfundedInvoice()">@lang('buttons.delete')</a>
                                                                @endif
                                                                
                                                                @if ($invoice['type'] == 'buy_order' && !$invoice['converted'])
                                                                <a class="dropdown-item"
                                                                    href="{{ route('dashboard.suppliers.invoices.convert', ['id' => $invoice['id'], 'type' => $invoice['type']]) }}">@lang('dashboard_sales_expenses.convert_to_invoice')</a>
                                                                @endif

                                                                @if ($invoice['type'] == 'supplier_advance_payment')
                                                                    @if ($invoice['is_paid'])

                                                                        <a class="dropdown-item popup-form"
                                                                            href="#convertToInvoice{{ $invoice['id'] }}">@lang('dashboard_sales_expenses.convert_to_invoice')</a>

                                                                        <div class="card mfp-hide mfp-popup-form mx-auto"
                                                                            style="max-width: 500px"
                                                                            id="convertToInvoice{{ $invoice['id'] }}">
                                                                            <div class="card-body">
                                                                                <h4 class="mt-0 mb-2">
                                                                                    @lang('dashboard_sales_expenses.convert_to_invoice')
                                                                                </h4>
                                                                                <p class="card-title-desc">
                                                                                    @lang('dashboard_sales_expenses.convert_to_invoice')
                                                                                </p>

                                                                                <form
                                                                                    action="{{ route('dashboard.suppliers.advance.payment.convert') }}"
                                                                                    method="POST">
                                                                                    @csrf
                                                                                    <input type="hidden" name="invoice_id"
                                                                                        value="{{ $invoice['id'] }}">
                                                                                    <div
                                                                                        class="row d-flex flex-row align-items-center my-2 justify-content-start">
                                                                                        <p class="control-label col-lg-4">
                                                                                            @lang('dashboard_sales_expenses.invoice_number')
                                                                                        </p>
                                                                                        <select required
                                                                                            class="form-control select2 col-lg-4"
                                                                                            name="number"
                                                                                            onchange="supplierInvoiceToBePaidChanged(this, {{  $all_invoices }})"
                                                                                            style="width: 200px">
                                                                                            <option disabled selected
                                                                                                value="{{ null }}">
                                                                                                @lang('dashboard_invoices.choose_invoice_number')
                                                                                            </option>
                                                                                            @foreach ($invoices as $invoice)
                                                                                                @if ($invoice['type'] == 'purchase_invoice')
                                                                                                    <option
                                                                                                        value="{{ $invoice['number'] }}">
                                                                                                        {{ $invoice['number'] }}
                                                                                                    </option>
                                                                                                @endif
                                                                                            @endforeach
                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="my-3">
                                                                                        <p class="control-label col-lg-4 mb-1 px-0">@lang('dashboard_sales_expenses.amount_due')</p>
                                                                                        <p class="col-lg-4 mb-1 px-0 text-dark font-weight-bold font-size-18 invoiceTotal">0</p>                         
                                                                                        
                                                                                    </div>
                                                                                    
                                                                                    <div class="row my-2">
                                                                                        <p class="control-label col-lg-4">
                                                                                            @lang('dashboard_sales_expenses.amount')
                                                                                        </p>
                                                                                        <input type="number" required
                                                                                            min="0" max="99999999"
                                                                                            step="any" class="form-control"
                                                                                            value=""
                                                                                            name="paid" style="width: 200px"
                                                                                            placeholder="@lang('dashboard_sales_expenses.amount')">
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <div
                                                                                            class="col-lg-12  my-2 d-flex justify-content-end">
                                                                                            <div class="text-right">
                                                                                                <button type="submit"
                                                                                                    class="btn btn-primary">@lang('dashboard_accountants_tree.Save')</button>

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

                                                                    @else

                                                                        <a class="dropdown-item popup-form" 
                                                                        href="#payAdvancePayment{{ $invoice['id'] }}"
                                                                        >@lang('dashboard_sales_expenses.pay_advance_payment')</a>
                                                                        <!-- Pay an advance payment -->
                                                                        <div class="card mfp-hide mfp-popup-form mx-auto"
                                                                            style="max-width: 500px"
                                                                            id="payAdvancePayment{{ $invoice['id'] }}">
                                                                            
                                                                    
                                                                            <form action="{{ route('dashboard.suppliers.advance.payment.pay') }}"
                                                                                method="POST">
                                                                                @csrf
                                                                                        <div class="card-body">
                                                                                    <h4 class="mt-0 mb-2">
                                                                                        @lang('dashboard_sales_expenses.pay_advance_payment')
                                                                                    </h4>
                                                                                    <p class="card-title-desc">
                                                                                        @lang('dashboard_sales_expenses.pay_advance_payment')
                                                                                    </p>


                                                                                    <input type="hidden" name="invoice_id"
                                                                                        value="{{ $invoice['id'] }}">
                                                                                    <div
                                                                                        class="row d-flex flex-row align-items-center ml-4 my-2 justify-content-start">
                                                                                        <p class="control-label col-lg-4">
                                                                                            @lang('dashboard_sales_expenses.paid_from')
                                                                                        </p>
                                                                                        <select required
                                                                                            class="form-control select2"
                                                                                            style="width: 200px"
                                                                                            name="account_id">
                                                                                            <option selected value=""
                                                                                                disabled>
                                                                                                @lang('dashboard_accountants_tree.Select_account_type')
                                                                                            </option>
                                                                                            @foreach ($accounts as $account)
                                                                                                <option
                                                                                                    value="{{ $account->id }}">
                                                                                                    {{ $account->name }}
                                                                                                </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <div
                                                                                            class="col-lg-12  my-2 d-flex justify-content-end">
                                                                                            <div class="text-right">
                                                                                                <button type="submit"
                                                                                                    class="btn btn-primary">@lang('dashboard_accountants_tree.Save')</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                            </form>
                                                                        </div>
                                                                    @endif
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    <div class="card mfp-hide mfp-popup-form mx-auto" id="recordTransaction">
                                        <div class="card-body">
                                            <h4 class="mt-0 mb-4">@lang('dashboard_clients.Action_on_transaction')</h4>
                                            <form>
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label
                                                                class="control-label">@lang('dashboard_clients.type')</label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.account_type')</option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">credit card</option>
                                                                    <option value="HI">@lang('dashboard_clients.else')
                                                                    <option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label
                                                                class="control-label">@lang('dashboard_clients.department')</label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.choose_department')
                                                                </option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">
                                                                        @lang('dashboard_clients.department_1')
                                                                    </option>
                                                                    <option value="HI">
                                                                        @lang('dashboard_clients.department_2')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="subject">@lang('dashboard_clients.tax_code')</label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.c_tax_code')</option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">
                                                                        @lang('dashboard_clients.department_1')
                                                                    </option>
                                                                    <option value="HI">
                                                                        @lang('dashboard_clients.department_2')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="subject">@lang('dashboard_clients.comparison') (
                                                                class )
                                                            </label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.choose_comparison')
                                                                </option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">
                                                                        @lang('dashboard_clients.department_1')
                                                                    </option>
                                                                    <option value="HI">
                                                                        @lang('dashboard_clients.department_2')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="subject">@lang('dashboard_clients.add_location')
                                                            </label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.add_location') </option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">@lang('dashboard_clients.saudi')
                                                                    </option>
                                                                    <option value="HI">@lang('dashboard_clients.egypt')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label
                                                                for="subject">@lang('dashboard_clients.explanatory_points')</label>
                                                            <textarea class="form-control" id="subject" rows="3"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            class="control-label">@lang('dashboard_clients.upload_file')</label>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input" id="customFile">
                                                            <label class="custom-file-label"
                                                                for="customFile">@lang('dashboard_clients.choose_file')</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="text-right">
                                                            <button type="submit"
                                                                class="btn btn-primary">@lang('dashboard_clients.execution')</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
        </div>
        <!-- End Page-content -->
    @endsection

    @section('custom_script')
    <script>
     
    function alertRfundedInvoice(){
        alert('This is a refunded invoice, please delete all refunds of this invoice first')
    }
    function supplierInvoiceToBePaidChanged(invoicesDropdown, allInvoices){
        console.log(allInvoices);
        let selectedInvoiceNumber = $(invoicesDropdown).val()
            let selectedInvoice = allInvoices.find(x=>x.number == selectedInvoiceNumber)
            $(invoicesDropdown).parent().parent().find('.invoiceTotal').text(selectedInvoice.balance_due)

    }

    </script>
@endsection