@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.sales')</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_sales_operations')</h4>
                    <div>
                        {{-- <a class="popup-form btn btn-primary mt-1" href="#edittrans"
                            disabled>@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.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.clients.addvouchercash') }}">@lang('dashboard_sales_expenses.sale_receipt')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class=" btn btn-primary mt-1"
                            href="{{ route('dashboard.priceoffer.add') }}">@lang('dashboard_clients.register_quote')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.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.clients.sellorder') }}">@lang('dashboard_sales_expenses.sale_order')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.refundclient') }}">@lang('dashboard_sales_expenses.refund')
                            <i class="mdi mdi-plus-thick"></i> </a>

                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.noticedebt') }}">@lang('dashboard_sales_expenses.credit_note')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                        href="{{route('dashboard.clients.payinvoice')}}">@lang('dashboard_clients.pay_invoice') </a>
                        <a class="btn btn-primary mt-1"
                        href="{{route('dashboard.invoices.edit')}}">@lang('dashboard_clients.edit_invoice') </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.enter_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.like')">
                                        </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.select') </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.invoices.index')}}">
                <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.customer')</label>
                                <select class="form-control select2" name="client_id">
                                    <option value="">@lang('dashboard_sales_expenses.all_customers')</option>
                                    @foreach ($clients as $client)            
                                    <option value="{{ $client->id }}">{{ $client->first_name.' '.$client->middle_name .' '. $client->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-4">
                            <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" placeholder="mm/dd/yyyy" name="date_from">
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <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" placeholder="mm/dd/yyyy" name="date_to">
                                    
                                </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.sales') </h4>
                            <p class="card-title-desc">@lang('dashboard_sales_expenses.sales_department')</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.customer') </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: 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_before_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 @if($invoice['type'] == 'price_offer' || $invoice['type'] == 'sales_order' ) style="background-color:#ffc9c7; color: #666" @endif>
                                        <th>{{ $invoice['date'] }}</span></th>
                                        <td  style="width: 40px; 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.clients.show',$invoice['client'])  }}">{{ $invoice['client']['name'] }}</a></td>
                                        <td style="width: 100px; white-space: normal">{{ ($invoice['due_date']==null)?'':date('Y-m-d',strtotime($invoice['due_date'])) }}</td>
                                        <td style="width: 50px; white-space: normal">{{ $invoice['balance_due'] }}</td>
                                        <td>{{ $invoice['taxes_total'] }}</td>
                                        <td>{{ $invoice['balance_before_tax'] }}</td>
                                        <td>{{ $invoice['invoice_total'] }}</td>
                                        <td class="{{ (strlen($invoice['statusName']) > 0) ? 'bg-info' : ' '}} text-white" style="width: 100px; white-space: normal">{{ $invoice['statusName'] }}</td>
                                        <td  style="width: 400px; white-space: normal; border-right-width: 1px !important">
                                            <div class="btn-group dropleft" 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_credit' && $invoice['type'] != 'pay_sales_invoice' && $invoice['type'] != 'sales_advance_payment')
                                                            <a class="dropdown-item"
                                                            href="{{ route('dashboard.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.invoices.download.file',['id'=>$invoice['id'],'type'=>$invoice['type']]) }}">@lang('buttons.download')</a>
                                                        @endif
                                                       
                                                        @if(($invoice['type'] == 'price_offer' || $invoice['type'] == 'sales_order') && $invoice['converted'] == false)
                                                         <a class="dropdown-item"
                                                            href="{{ route('dashboard.invoices.convert', [$invoice['id'],$invoice['type']])}}">@lang('dashboard_sales_expenses.convert_to_invoice')</a>
                                                        @endif
                                                       
                                                        <a class="dropdown-item"
                                                        href="{{ route('dashboard.invoices.print', [$invoice['id'],$invoice['type']])}}">@lang('dashboard_sales_expenses.print') </a>
                                                        @if($invoice['type'] == 'sales_invoice' && $invoice['status_id'] != 4)
                                                         <a class="dropdown-item"
                                                         href="{{route('dashboard.clients.payinvoice',$invoice['id'] )}}">@lang('dashboard_sales_expenses.pay_invoice')
                                                         </a>
                                                        @endif

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

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

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

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

                                                         @if ($invoice['type'] == 'sales_advance_payment' && ( $invoice['invoice_total'] != $invoice['balance_due']))
                                                      
                                                         @else 
                                                         <a class="dropdown-item popup-form"
                                                          href="{{ route('dashboard.invoices.delete',['id'=>$invoice['id'],'type'=>$invoice['type']]) }}" @if (@$invoice['balance_due'] >= 0) onclick="confirmInvoiceDelete(this) @endif">@lang('buttons.delete')</a>
                                                         @endif 
                                                        
                                                        @else 
                                                        <a class="dropdown-item" onclick="alertRfundedInvoice()">@lang('buttons.delete')</a>
                                                        @endif
                                                        
                                                        @if($invoice['type'] == 'sales_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.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 ml-4 my-2 justify-content-start">
                                                               <p class="control-label col-lg-4 mb-1 px-0">@lang('dashboard_sales_expenses.invoice_number')</p>
                                                            
                                                            
                                                               <select required class="form-control select2 col-lg-4 mb-3" name="number"
                                                             style="width: 300px" onchange="invoiceToBePaidChanged(this, {{  $all_invoices }})">
                                                             <option disabled selected value="{{ null }}">
                                                                 @lang('dashboard_invoices.choose_invoice_number')
                                                             </option>
                                                             @foreach ($invoices as $invoice)
                                                             @if ($invoice['type'] == 'sales_invoice')
                                                             <option value="{{ $invoice['number'] }}">
                                                                {{ $invoice['number'] }}
                                                             </option>
                                                             @endif
                                                             @endforeach
                                                            </select>
                                                            </div>
                                                            <div class=" ml-4 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=" ml-4 my-2">
                                                                   <p class="control-label col-lg-4 mb-1 px-0">@lang('dashboard_sales_expenses.amount')</p>
                                                                   <input type="number" required min="1" max="99999999" step="any" class="form-control"
                                                                   {{-- value="{{ $invoice['balance_due'] }}" --}} 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']}}">
                                                          <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>
                                    
                                                          <form action="{{ route('dashboard.advance.payment.pay')}}" method="POST">
                                                          @csrf
                                                          <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>
                                                          </form>
                                                          </div>
                                                          </div>
                                                         @endif
                                                       @endif
                                                      
                                                    </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- end col -->
            </div>
            <!-- end row -->
        </div>

    
        

        <!-- End Page-content -->
    @endsection

    @section('custom_script')
        <script>
            $(document).ready(function(){
                setTimeout(() => {
                    $('.select2').select2()
                }, 500);

            })
            
        function alertRfundedInvoice(){
            alert('This is a refunded invoice, please delete all refunds of this invoice first')
        }

        function confirmInvoiceDelete(linkElement){
            if (confirm('Are you sure?')){
                $(linkElement).removeClass('popup-form')
                setTimeout(() => {
                    window.location.href = $(linkElement).attr('href')
                }, 200);
            }
        }

        function invoiceToBePaidChanged(invoicesDropdown, allInvoices){
            let selectedInvoiceNumber = $(invoicesDropdown).val()
            let selectedInvoice = allInvoices.find(x=>x.number == selectedInvoiceNumber)
            $(invoicesDropdown).parent().parent().find('.invoiceTotal').text(selectedInvoice.balance_due)
            $(invoicesDropdown).parent().parent().find('.invoiceId').val(selectedInvoice.id)
        }


        </script>
    @endsection