@extends('layout.app')
@section('title')
    Manage Fx Sales
@endsection
@section('pagetitle')
Manage Fx Sales
@endsection
@section('content')
  <div class="container">
    <div class="row" id="advanced-input">
              <div class="col-md-12">
                <div class="panel widget">
                    <div class="panel-heading">
                        <div style="text-align: end">
                          @can('fx sales') 
                           <a href="{{route('fx_sales.create')}}" class="btn btn-default"><span class="menu-icon"> <i class="fa fa-plus"></i> </span> Create Sales</a>
                           @endcan
                          </div>
                      </div>
                  <div class="panel-body">

                    <div class="row">
                    <div class="col-md-12 col-lg-12 col-sm-12">
                  @include('includes.success')
                    </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-condensed table-hover" id="acoff">
                            <thead>
                                <tr>
                                    <th>Sn</th>
                                    <th>Customer</th>
                                    <th>Purchased Rate</th>
                                    <th>Naira Amount</th>
                                    <th>Foreign Amount</th>
                                    <th>Currency</th>
                                    <th>Reference</th>
                                    <th>Payment Mode</th>
                                    <th>Trnx Date</th>
                                    <th></th>
                                </tr>
                            </thead>    
                            <tbody>
                                                                @foreach ($sales as $sale)
                                <tr>
                                    <td>{{$i+1}}</td>
                                    <td>{{ucwords($sale->customer)}}</td>
                                    <td>{{number_format($sale->purchase_exchange_rate,2)}}</td>
                                    <td>{{number_format($sale->naria_amount,2)}}</td>
                                    <td>{{number_format($sale->foreign_amount,2)}}</td>
                                    <td>{{$sale->exchangerate->currency}}</td>
                                    <td>{{$sale->fx_reference}}</td>
                                    <td>{{$sale->payment_mode}}</td>
                                    <td>{{date("d-m-Y",strtotime($sale->tranx_date))}}</td>
                                    <td>
                                      <a href="javascript:void(0)" onclick="viewfxdetails('{{route('fx.sales.details',['id' => $sale->id])}}','sales')" title="View" class="btn menu-icon vd_bd-blue vd_blue btn-sm"><i class="fa fa-eye"></i> </a>
                                    </td>
                                </tr>
                                                                @endforeach
                            </tbody>
                        </table>
                    </div>
                  </div>
                </div>
                <!-- Panel Widget --> 
              </div>
              <!-- col-md-12 --> 
            </div>
            <!-- row -->
  </div>

   <!-- Modal -->
 <div class="modal fade" id="smyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header vd_bg-blue vd_white">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
        <h4 class="modal-title" id="myModalLabel">FX Sales Details</h4>
      </div>
      <div class="modal-body"> 
        <div class="table-responsive">
          <table class="table table-bordered table-striped table-condensed table-hover table-sm">
              <tbody id="salesdetails">
              </tbody>
          </table>
        </div>
      </div>
      <div class="modal-footer background-login">
        <button type="button" class="btn vd_btn vd_bg-grey" data-dismiss="modal">Close</button>
      </div>
    
    </div>
    <!-- /.modal-content --> 
  </div>
  <!-- /.modal-dialog --> 
</div>
<!-- /.modal --> 
@endsection
@section('scripts')
    <script type="text/javascript">
  $(document).ready(function(){
    $("#acoff").dataTable({'pageLength':25,
    'dom': 'Bfrtip',
      buttons: [ 'copy', 'csv', 'print','pdf']
  });
  });
</script>

<script>
  function viewfxdetails(durl,ty){
  
    $.ajax({
      url: durl+"?fxty="+ty,
      method: "get",
      beforeSend:function(){
        $(".loader").css('visibility','visible');
          $(".loadingtext").text('Please wait...');
      },
      success:function(data){
        if(data.status == 'success'){
            $(".loader").css('visibility','hidden');
          toastr.success(data.msg);
          $("#smyModal").modal("show");
            $("#salesdetails").html(data.data)
          }else{
            toastr.error(data.msg);
            $(".loader").css('visibility','hidden');
           return false;
           }
        },
        error:function(xhr,status,errorThrown){
            $(".loader").css('visibility','hidden');
            toastr.error('Error '+errorThrown);
          return false;
        }
      });
  
  }
</script>
@endsection