@extends('layouts/default')
@section('title')
  Expense Summary
@parent
@stop
@section('commonbuttons')
<a type="button" class="btn btn-primary commonButtons" href="{{ route('getContactDetailList',array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['seller_contacts']}}</a>
<a type="button" class="btn btn-primary commonButtons" href="{{ route('contact\contactus',array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['contact_us']}}</a>
@stop
@section('content')
@include('notifications')
<style type="text/css">
    .table{
        font-size: 14px;
    }
    .table>tbody>tr>td, .table>tbody>tr>th {
        border-top: 1px solid #c5bbbb !important;
    }
    .table>thead>tr>th {
        border-bottom: 1px solid #837373 !important;
    }
    .td_align{
        vertical-align: inherit !important;
        text-align: center !important;
    }
    .table-bordered>thead>tr>th{
        border: 1px solid #504e4e !important;
    }
    .table-bordered>tbody>tr>td{
        border: 1px solid #2e2c2c !important;
    }
</style>   
<div class="expenses_main">
    @if(isset($summaryData) && !empty($summaryData))
    <form action="{{route('save_fees',array('seller_id' => $seller_id))}}" method="post" name="frm_fees_summary" id="frm_fees_summary">
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="post_data" value="{{ json_encode($summaryData) }}" />
        <div class="row">
            <div class="form-group">
                <div class="col-sm-2"><strong>Bank Account: </strong></div>{{$summaryData['settings']['bank_account']}}<br/>                
                <div class="col-sm-2"><strong>Customer: </strong></div> {{$summaryData['settings']['customer']}}<br/>
                <div class="col-sm-2"><strong>Tax Type: </strong></div> {{$summaryData['settings']['tax_type']}}<br/>
                <div class="col-sm-2"><strong>Reference Prefix: </strong></div>{{$summaryData['settings']['reference']}}<br/>
            </div>            
        </div>
        <!-- <div class="row" style="border-bottom: 1px solid"></div> -->
        <div class="row pull-right" style="margin-top: -50px;">
            <div class="col-sm-12 form-group">
                <input type="button" value="Submit" name="submit_fees" id="submit_fees" class="btn btn-success">
                <!-- <a href="{{route('expenses',array('seller_id' => $seller_id))}}" name="cancel" class="btn btn-danger">Cancel</a> -->
            </div>
        </div>
        
        <div class="row">            
            <div class="col-sm-12 form-group">                        
                <table class="table table-bordered">
                    <thead>
                        <tr>                          
                          <th scope="col" width="10%" class="text-center">Date</th>
                          <th scope="col" class="text-center">Description</th>
                          <th scope="col" class="text-center">Amount</th>
                          <th scope="col" class="text-center">Expense Account</th>
                          @if(!empty($summaryData['settings']['reference']))
                          <th scope="col" class="text-center">Reference</th>
                          @endif
                          <th scope="col" width="10%" class="text-center">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($summaryData['data'] as $key => $value)
                                                        @foreach($value['fees'] as $k => $v)
                            <tr>                                    
                                @if($i == 1)
                                    <td rowspan="{{count($value['fees'])}}" class="td_align">{{date('Y-m-d', strtotime($v['date']))}}</td>
                                @endif
                                <td>{{$v['description']}}</td>
                                <td class="text-center">{{$v['unit_price']}}</td>
                                <td>{{$v['account']}}</td>
                                @if(!empty($summaryData['settings']['reference']) && $i == 1)
                                <td rowspan="{{count($value['fees'])}}" class="td_align">{{$v['reference']}}</td>
                                @endif
                                @if($i == 1)
                                <td rowspan="{{count($value['fees'])}}" class="td_align">{{$v['total_fees']}}</td>
                                @endif
                            </tr>
                                                        @endforeach
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="col-sm-12" style="margin-top: -20px;">
              <strong>NOTE: </strong>Once fees are imported in Xero and if you want to make any change in that case you have to do manually in Xero.
            </div>                               
        </div>        
        <div class="row pull-right" style="margin-top: -20px;">
            <div class="col-sm-12 form-group">
                <input type="button" value="Submit" name="submit_fees" id="submit_fees" class="btn btn-success">                
            </div>
        </div>
    </form>
    @endif
</div>
@stop
@section('moar_scripts')  
<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>
<script type="text/javascript">   
    $(document).on('click','#submit_fees',function(e){        
        bootbox.confirm({
          title: "Sync Expenses",
          message: "Are you sure you want to sync this expenses to Xero?",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                  startLoading();
                  $("#frm_fees_summary").submit();
              }
          }
      });
    });
</script>
@stop