<?php $__env->startSection('title','تقرير حركة بنك'); ?>
<?php $__env->startSection('content'); ?>
<div class="app-content content ">
      <div class="content-overlay"></div>
      <div class="header-navbar-shadow"></div>
      <div class="content-wrapper container-xxl p-0">
        <div class="content-header row">
        </div>
    <div class="content-body">
	<!-- Dashboard Ecommerce Starts -->
		<section id="dashboard-ecommerce">
		<div class="content-header row">
          <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
              <div class="col-12">
                <h2 class="content-header-title float-start mb-0">حركة بنك</h2>
                <div class="breadcrumb-wrapper">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="<?php echo e(route('client.home')); ?>">لوحة التحكم</a>
                    </li>
                    <li class="breadcrumb-item"><a href="<?php echo e(route('client.reports')); ?>">التقارير </a>

                    <li class="breadcrumb-item active">حركة بنك 
                    </li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
          <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none">
            <div class="mb-1 breadcrumb-right">
			
              <div class="dropdown">
               				
            </div>
          </div>
        </div>
            <div class="col-xl-12 col-md-12 col-12">
                <div class="card">
                    <form id="search" name="date" >
                    <div class="card-body row" align="center">
                        <div class="col-lg-2 col-sm-6-md-6"></div>

                        <div class="col-lg-6 col-sm-6-md-6 ">


                            <div class= "row">
                        <div class="col-lg-4 col-sm-6-md-6 mb-1">
                            <center> <label class="form-label" style="font-weight:bold " > حدد البنك </label></center>
                        <select  name="bank_id" id="bank_id" class="form-control">
                       <option value="">إختر بنك</option>
                       <?php $__currentLoopData = $banks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bank): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                           <option value="<?php echo e($bank->id); ?>"><?php echo e($bank->bank_name); ?></option>
                       <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                   </select>   
                        </div>
                        <div class="col-lg-4 col-sm-6-md-6 mb-1">
                            <center> <label class="form-label" style="font-weight:bold " > من تاريخ</label></center>
                   <input type="date" name="from_date" id="from_date" class="form-control" >
                       
                </div>
                <div class="col-lg-4 col-sm-6-md-6 mb-1">
                    <center> <label class="form-label" style="font-weight:bold " > إلي تاريخ</label></center>
                    <input type="date" name="to_date" id="to_date" class="form-control" >
                   </div>
                            </div>
                </div>
                        <div class="col-lg-4 col-sm-6-md-6">
                            <center> <label class="form-label" style="font-weight:bold " ></label></center>
            
                            <button type="submit" class="btn btn-success me-1">بحث</button>
            
                         </div>
                      </div>
                    </form>
                </div>
              </div>

      <div class="col-xl-12 col-md-12 col-12" id="data-card" style="display: none">
          <div class="card card-statistics">

        <div class="card-body statistics-body">
          <div class="row">

            <div class="card-body" align="center" id="loader">
                <div class="spinner-border text-primary" style="width: 5rem; height: 5rem" role="status">
                </div>
              </div> 

                <div id="header" style="display: none">
              <center>
                  <h3 id="header-title"></h3>
                  <br>
              </center>
                </div>
                        <div class="card-datatable">
                            <div class="table-responsive">
                                <table class="table table-condensed table-striped table-bordered text-center table-hover " id="bankInfo">
                                    <thead>
                                    <tr>
                                        <th>اسم البنك</th>
                                        <th>رصيد البنك</th>
                                    </tr>
                                    </thead>
                                    <tbody class="tbody">
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>

                        <div class="divider"></div>

                        <div class="divider divider-primary table">
                            <div class="divider-text"> <h4 id="header-title">  تعديلات رصيد البنك  </h4></div>
                            <br>
                        </div>

                      <div class="card-datatable">
                        <div class="table-responsive">
                            <table class="table table-condensed table-striped table-bordered text-center table-hover" id="modifications">
                                <thead>
                                <tr>
                                    <th>رصيد ما قبل التعديل</th>
                                    <th>رصيد ما بعد التعديل</th>
                                    <th> سبب التعديل</th>
                                    <th> تاريخ</th>
                                    <th> المسؤول</th>
                                </tr>
                                </thead>
                                <tbody class="tbody">
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="divider"></div>
                    <div class="divider divider-primary table">
                      <div class="divider-text"> <h4>   عمليات السحب والايداع للبنك    </h4></div>
                      <br>
                  </div>

                <div class="card-datatable">
                  <div class="table-responsive">
                      <table class="table table-condensed table-striped table-bordered text-center table-hover" id="process">
                          <thead>
                            <tr>
                              <th>م</th>
                              <th> نوع العملية</th>
                              <th> المبلغ</th>
                              <th> رصيد ما قبل</th>
                              <th> رصيد ما بعد</th>
                              <th>السبب</th>
                              <th>التاريخ</th>
                              <th>المسؤول</th>
                          </tr>
                          </thead>
                          <tbody class="tbody">
                              
                          </tbody>
                      </table>
                  </div>
              </div>
              <div class="divider"></div>
              <div class="divider divider-primary table">
                <div class="divider-text"> <h4>  عمليات التحويل من والى البنك   </h4></div>
                <br>
            </div>

          <div class="card-datatable">
            <div class="table-responsive">
                <table class="table table-condensed table-striped table-bordered text-center table-hover" id="transfers">
                    <thead>
                      <tr>
                        <th>م</th>
                        <th> بنك السحب</th>
                        <th> بنك الايداع</th>
                        <th> المبلغ</th>
                        <th>السبب</th>
                        <th>التاريخ</th>
                        <th>المسؤول</th>
                    </tr>
                    </thead>
                    <tbody class="tbody">
                        
                    </tbody>
                </table>
            </div>
        </div>
        <div class="divider"></div>
        <div class="divider divider-primary table">
          <div class="divider-text"> <h4> عمليات التحويل الى الخزن</h4></div>
          <br>
      </div>

    <div class="card-datatable">
      <div class="table-responsive">
          <table class="table table-condensed table-striped table-bordered text-center table-hover" id="bankSafeTransfers">
              <thead>
                <tr>
                  <th>م</th>
                  <th> الخزنة</th>
                  <th> المبلغ</th>
                  <th>السبب</th>
                  <th>التاريخ</th>
                  <th>المسؤول</th>
              </tr>
              </thead>
              <tbody class="tbody">
                  
              </tbody>
          </table>
      </div>
  </div>
  <div class="divider"></div>
  <div class="divider divider-primary table">
    <div class="divider-text"> <h4> عمليات التحويل من الخزن</h4></div>
    <br>
</div>

<div class="card-datatable">
<div class="table-responsive">
    <table class="table table-condensed table-striped table-bordered text-center table-hover" id="safeBankTransfers">
        <thead>
          <tr>
            <th>م</th>
            <th> الخزنة</th>
            <th> المبلغ</th>
            <th>السبب</th>
            <th>التاريخ</th>
            <th>المسؤول</th>
        </tr>
        </thead>
        <tbody class="tbody">
            
        </tbody>
    </table>
</div>
</div>


<div class="divider"></div>
<div class="divider divider-primary table">
  <div class="divider-text"> <h4> مدفوعات الموظفين </h4></div>
  <br>
</div>

<div class="card-datatable">
<div class="table-responsive">
  <table class="table table-condensed table-striped table-bordered text-center table-hover" id="employeesBank">
      <thead>
        <tr>
          <th>م</th>
          <th> الموظف</th>
          <th> التاريخ</th>
          <th> نوع العملية</th>
          <th> المبلغ</th>
          <th> ملاحظات</th>
          <th>المسؤول</th>

      </tr>
      </thead>
      <tbody class="tbody">
          
      </tbody>
  </table>
</div>
</div>

<div class="divider"></div>
<div class="divider divider-primary table">
  <div class="divider-text"> <h4> مدفوعات العملاء </h4></div>
  <br>
</div>

<div class="card-datatable">
<div class="table-responsive">
  <table class="table table-condensed table-striped table-bordered text-center table-hover" id="clientBank">
      <thead>
        <tr>
          <th>رقم العملية</th>
          <th>العميل</th>
          <th>المبلغ</th>
          <th>رصيد قبل</th>
          <th>رصيد بعد</th>
          <th>رقم الفاتورة</th>
          <th>التاريخ</th>
          <th>الوقت</th>
          <th>رقم المعاملة</th>
          <th>ملاحظات</th>
          <th>المسؤول</th>

      </tr>
      </thead>
      <tbody class="tbody">
          
      </tbody>
  </table>
</div>
</div>

<div class="divider"></div>
<div class="divider divider-primary table">
  <div class="divider-text"> <h4> مدفوعات الموردين </h4></div>
  <br>
</div>

<div class="card-datatable">
<div class="table-responsive">
  <table class="table table-condensed table-striped table-bordered text-center table-hover" id="supplierBank">
      <thead>
        <tr>
          <th>رقم العملية</th>
          <th>المورد</th>
          <th>المبلغ</th>
          <th>رصيد قبل</th>
          <th>رصيد بعد</th>
          <th>رقم الفاتورة</th>
          <th>التاريخ</th>
          <th>الوقت</th>
          <th>رقم العملية</th>
          <th>ملاحظات</th>
          <th>المسؤول</th>


      </tr>
      </thead>
      <tbody class="tbody">
          
      </tbody>
  </table>
</div>
</div>

<div class="divider"></div>
<div class="divider divider-primary table">
  <div class="divider-text"> <h4> المصروفات</h4></div>
  <br>
</div>

<div class="card-datatable">
<div class="table-responsive">
  <table class="table table-condensed table-striped table-bordered text-center table-hover" id="bills">
      <thead>
        <tr>
          <th>رقم المصروف</th>
          <th>بيان المصروف</th>
          <th>نوع المصروف</th>
          <th>المبلغ</th>
          <th>الصورة</th>
          <th>التاريخ</th>
          <th>المسؤول</th>


      </tr>
      </thead>
      <tbody class="tbody">
          
      </tbody>
  </table>
</div>
</div>

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

	</div>
      </div>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
<script src="<?php echo e(asset('app-assets/js/lightbox.min.js')); ?>"></script>

<script>
    lightbox.option({
      'resizeDuration': 300,
      'wrapAround': true
    })


$("#search").on('submit',(function(e) {
e.preventDefault();
  filter();
}));
  var table = $('.table') ;
  function filter() {

var bank_id = $('#bank_id').val();
var from_date = $('#from_date').val();
var to_date = $('#to_date').val();

if(from_date == '' || to_date == ''){$('#header-title').text(' جميع معالمات البنك')}else{$('#header-title').text(' جميع معالمات البنك من تاريخ '+from_date+' إلي تاريخ '+to_date )}
$.ajax({
    url: "<?php echo e(route('client.report15.post')); ?>",
    type: "POST",
    data: {
        "_token": "<?php echo e(csrf_token()); ?>",
        "bank_id": bank_id,
        "from_date": $("#from_date").val(),
        "to_date" : $("#to_date").val()
    },
    beforeSend : function (){table.hide(); $('#header').hide(); $('#data-card').show();$('#loader').show(); var ifConnected = window.navigator.onLine;if (!ifConnected) {toastr.info("يتم الآن إعادة الإتصال","لا يوجد إتصال بالإنترنت",{positionClass: "toast-top-right",tapToDismiss: !1,timeOut: 2e3,rtl: $("html").attr("data-textdirection")});}},
    success: function (data) {
        $('#loader').hide();
        table.show();
        $('.tbody').empty();
        $('#header').show();
        $('#bankInfo').append(
                '<tr>'+
                '<td>'+data.bank_k.bank_name+'</td>'+
                '<td>'+formatMoney(data.bank_k.bank_balance)+'</td>'+
                '</tr>'
            );

        $.each( data.bank_modifications, function( key, value ) {
            $('#modifications').append(
                '<tr>'+
                '<td>'+(value.balance_before)+'</td>'+
                '<td>'+(value.balance_after)+'</td>'+
                '<td>'+value.reason+'</td>'+
                '<td>'+(value.created_at.split('T')[0])+'</td>'+
                '<td>'+value.client.name+'</td>'+
                '</tr>'
            );
        });
        if(data.bank_modifications == ''){ $('#modifications').append('<tr style="font-weight:bold;">'+'<td colspan="5">لا يوجد أي معاملات  </td>'+'</tr>')}

        
        $.each( data.bank_processes, function( key, value ) {
            $('#process').append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+(value.process_type)+'</td>'+
                '<td>'+(formatMoney(parseFloat(value.amount)))+'</td>'+
                '<td>'+value.balance_before+'</td>'+
                '<td>'+value.balance_after+'</td>'+
                '<td>'+value.reason+'</td>'+
                '<td>'+(value.created_at.split('T')[0])+'</td>'+
                '<td>'+value.client.name+'</td>'+
                '</tr>'
            );
        });
        if(data.bank_processes == ''){ $('#process').append('<tr style="font-weight:bold;">'+'<td colspan="8">لا يوجد أي معاملات  </td>'+'</tr>')}


        $.each( data.bank_transfers, function( key, value ) {
            $('#transfers').append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+(value.withdrawal.bank_name )+'</td>'+
                '<td>'+(value.deposit.bank_name)+'</td>'+
                '<td>'+formatMoney(parseFloat(value.amount))+'</td>'+
                '<td>'+value.reason+'</td>'+
                '<td>'+(value.created_at.split('T')[0])+'</td>'+
                '<td>'+value.client.name+'</td>'+
                '</tr>'
            );
        });
        if(data.bank_transfers == ''){ $('#transfers').append('<tr style="font-weight:bold;">'+'<td colspan="7">لا يوجد أي معاملات  </td>'+'</tr>')}

        $.each( data.bank_safe_transfers, function( key, value ) {
            $('#bankSafeTransfers').append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+(value.safe.safe_name )+'</td>'+
                '<td>'+(formatMoney(parseFloat(value.amount)))+'</td>'+
                '<td>'+value.reason+'</td>'+
                '<td>'+(value.created_at.split('T')[0])+'</td>'+
                '<td>'+value.client.name+'</td>'+
                '</tr>'
            );
        });

        if(data.bank_safe_transfers == ''){ $('#bankSafeTransfers').append('<tr style="font-weight:bold;">'+'<td colspan="6">لا يوجد أي معاملات  </td>'+'</tr>')}

        $.each( data.safe_bank_transfers, function( key, value ) {
            $('#safeBankTransfers').append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+(value.safe.safe_name)+'</td>'+
                '<td>'+(formatMoney(parseFloat(value.amount)))+'</td>'+
                '<td>'+value.reason+'</td>'+
                '<td>'+(value.created_at.split('T')[0])+'</td>'+
                '<td>'+value.client.name+'</td>'+
                '</tr>'
            );
        });
        if(data.safe_bank_transfers == ''){ $('#safeBankTransfers').append('<tr style="font-weight:bold;">'+'<td colspan="6">لا يوجد أي معاملات  </td>'+'</tr>')}

        $.each( data.bank_cash, function( key, value ) {
          var outer_client = "";
          var bill = "";

        if(value.outer_client_id == null ){
             outer_client =  'عميل مبيعات نقدية' ;
        }else{
           outer_client =  value.outer_client.client_name
        
        }

          if(value.bill_id) {
           bill = "فاتورة # "+value.bill_id ;
          }else{
            if(value.amount > 0){
             bill = "دفعة نقدية";
            }else if(value.amount < 0){
             bill = "سلفة نقدية";
            }
          }

            $('#clientBank').append(
                '<tr>'+
                '<td>'+(value.cash_number )+'</td>'+
                '<td>'+(outer_client)+'</td>'+
                '<td>'+formatMoney(parseFloat(Math.abs(value.amount)))+'</td>'+
                '<td>'+value.balance_before+'</td>'+
                '<td>'+value.balance_after+'</td>'+
                '<td>'+bill+'</td>'+
                '<td>'+value.date+'</td>'+
                '<td>'+value.time+'</td>'+
                '<td>'+value.bank_check_number+'</td>'+
                '<td>'+value.notes+'</td>'+
                '<td>'+value.client.name+'</td>'+

                '</tr>'
            );
        });

        if(data.bank_cash == ''){ $('#clientBank').append('<tr style="font-weight:bold;">'+'<td colspan="11">لا يوجد أي معاملات  </td>'+'</tr>')}

        $.each( data.employees_bank_cashs, function( key, value ) {

          if(value.amount < 0){
            type = "سلفة";
          }else if(value.amount > 0){
            type = "دفعة";
          }

          if(value.notes == null){
            notes = "";
          }else{
            notes = value.notes;
          }

            $('#employeesBank').append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+(value.employee.name)+'</td>'+
                '<td>'+(value.date)+'</td>'+
                '<td>'+(type)+'</td>'+
                '<td>'+(formatMoney(parseFloat(value.amount)))+'</td>'+
                '<td>'+notes+'</td>'+
                '<td>'+value.client.name+'</td>'+
                '</tr>'
            );
        });
        if(data.employees_bank_cashs == ''){ $('#employeesBank').append('<tr style="font-weight:bold;">'+'<td colspan="7">لا يوجد أي معاملات  </td>'+'</tr>')}


        $.each( data.bank_buy_cash, function( key, value ) {

          var outer_client = "";
          var bill = "";

        if(value.outer_client_id == null ){
             outer_client =  'عميل مبيعات نقدية' ;
        }else{
           outer_client =  value.outer_client.client_name
        
        }

          if(value.bill_id) {
           bill = "فاتورة # "+value.bill_id ;
          }else{
            if(value.amount > 0){
             bill = "دفعة نقدية";
            }else if(value.amount < 0){
             bill = "سلفة نقدية";
            }
          }

            $('#supplierBank').append(
                '<tr>'+
                '<td>'+(value.cash_number )+'</td>'+
                '<td>'+(value.supplier.supplier_name)+'</td>'+
                '<td>'+formatMoney(parseFloat(Math.abs(value.amount)))+'</td>'+
                '<td>'+value.balance_before+'</td>'+
                '<td>'+value.balance_after+'</td>'+
                '<td>'+bill+'</td>'+
                '<td>'+value.date+'</td>'+
                '<td>'+value.time+'</td>'+
                '<td>'+value.bank_check_number+'</td>'+
                '<td>'+value.notes+'</td>'+
                '<td>'+value.client.name+'</td>'+

                '</tr>'
            );
        });
        if(data.bank_buy_cash == ''){ $('#supplierBank').append('<tr style="font-weight:bold;">'+'<td colspan="11">لا يوجد أي معاملات  </td>'+'</tr>')}

        $.each( data.expenses, function( key, value ) {

        if(value.expense_pic == ""){
            img = "";
        }else{
            var img = '<a class="'+key+'-image-link" data-lightbox="'+key+'-set" href="<?php echo e(asset('')); ?>'+value.expense_pic+'">عرض</a>';
        }



        $('#bills').append(
            '<tr>'+
            '<td>'+(value.expense_number)+'</td>'+
            '<td>'+(value.expense_details)+'</td>'+
            '<td>'+(value.fixed.fixed_expense)+'</td>'+
            '<td>'+(formatMoney(parseFloat(value.amount)))+'</td>'+
            '<td>'+(img)+'</td>'+
            '<td>'+(value.created_at.split('T')[0])+'</td>'+
            '<td>'+value.client.name+'</td>'+
            '</tr>'
        );


        });

        if(data.expenses == ''){ $('#bills').append('<tr style="font-weight:bold;">'+'<td colspan="8">لا يوجد أي عمليات  </td>'+'</tr>')}



          },
   error: function (data) {

    }
});
};


var selectForm = $('#search');

if (selectForm) {
    selectForm.validate({

        rules: {
      'bank_id': {
        required: true,
      }
    }
  });
}
   </script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('style'); ?>
<link rel="stylesheet" href="<?php echo e(asset('app-assets/css/lightbox.css')); ?>">
<?php $__env->stopSection(); ?>
<?php echo $__env->make('client.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/barasys/public_html/resources/views/client/reports/report15.blade.php ENDPATH**/ ?>