@php
   $payee_name    = $data->payee_name;
   $vendor_name   = $data['vendor_name'];
   $branch_id     = $branch_id ?: $data['branch_id'];
   $cheque_number = $data->cheque_number;
   $cheque_date   = $data->cheque_date;
   $particulars   = $data->particulars;

   if($action == 'edit'){
      $vendor_name = $data->payment_voucher_spo_items->first()->service_purchase_order->vendor->name;
   }
@endphp


<div class="row">
   <input type="hidden" name="branch_id" value="{{ $branch_id }}" />

   <div class="col-md-8">

      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
         <div class="form-group form-float">
            <div class="form-line">
               <input class="form-control" type="text" readonly  value="{{ $vendor_name }}" />
               <label class="form-label">{{__('lang.vendor_name')}}</label>
            </div>
         </div>
      </div>

      @include('layouts.components.date_field', [
         'col'   => 6,
         "name"  => "voucher_date",
         'parent_class'  => 'cheque_field bank_field',
         "label" => __('lang.voucher_date'),
         "value" => $voucher_date ?: date('d/m/Y'),
      ])
     
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
         <div class="form-group form-float">
            <div class="form-line">
               <input name="payee_name" value="{{ $payee_name }}" type="text" class="form-control">
               <label class="form-label">{{__('lang.payee_name')}}</label>
            </div>
         </div>
      </div>

      <div class="cheque_container">

         <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="form-group form-float">
               <div class="form-line">
                  <input name="cheque_no" value="{{ $cheque_number }}" type="text" class="form-control">
                  <label class="form-label">{{__('lang.instrument_no')}}</label>
               </div>
            </div>
         </div>

         @include('layouts.components.date_field', [
            'col'   => 6,
            "name"  => "cheque_date",
            'parent_class'  => 'cheque_field bank_field',
            "label" => __('lang.instrument_date'),
            "value" => $cheque_date ?? '',
         ])
      </div>

      @include('layouts.components.input_field', [
         'col'   => 12,
         "name"  => "particulars",
         "label" => __('lang.particulars'),
         "value" => $particulars,
      ])
      
   </div>
   <div class="col-md-4">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">

         <div class="form-group form-float" >
            <div>
                <div>
                  @include('includes.multiple-images')
                </div>
               <div style="margin-bottom: 20px; " >
                  <div id="my_rebateWebCam" style=" width:170px; margin: 0 auto; "></div>
               </div>
               <input style="position: relative;top: -38px;" class="btn btn-primary m-t-15 waves-effect hide rebateSnapShotBtn" type="button" value="Take Snapshot" onClick="take_rebate_snapshot()">
               <br/>
               <label for="profile" class="btn btn-warning waves-effect m-t-15">{{__('lang.upload_image')}}</label>
               <button class="btn btn-warning waves-effect m-t-15 rebateWebCam" type='button'>{{__('lang.from_web_cam')}}</button>
               <input type="hidden" name="web_cam" class="image-tag">
            </div>
         </div>

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

<div>
   <fieldset disabled="disabled">
      <legend class="addRowLegend"><span> {{__('lang.payment_details')}} </span>
       
      </legend>
   </fieldset>

   <br>

   <div id="voucher_detail_div">

   </div>  
</div>



{{-- Dynamic Start --}}


<div class="row">
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding:0; margin-top:10px;">
      <div class="card" style="background-color:#24576A !important; padding-top: 2px;">
         <div class="col-lg-10 col-md-8 col-sm-8 col-xs-8" style="border-right: 2px solid white;">
            <div  style="border-bottom:none;color:#fff">
                  <h5 class="pull-right">{{__('lang.total_amount')}} {{$transaction->systemSettingCurrency()}}</h5>
            </div>
         </div>
         <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4" style="padding-top: 7px;font-weight: 600;font-size: 16px;">
            <div style="border-bottom:none;color:#fff" id="">
                  <div class="pull-right"><b><span class='total_pv_amount'></span></b></div>
                  <input value="" type="hidden" name="total_pv_amount">
            </div>
         </div>
      </div>
   </div>
</div>