@extends('layouts.main')

 @section('content')
     <script src="assets/js/libs/jquery-3.1.1.min.js"></script>

     <div class="col-lg-12 layout-spacing">
         <div class="statbox widget box box-shadow">
             <div class="widget-header">
                 <div class="row">
                     <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                         <h4>کڕیارەکان</h4>
                         @if ($user->role == 1)
                             <div class="print_this print_left" style="margin-right:5px"><i class="las la-print"></i></div>
                             <div class="print_this2 print_left_2" style="margin-right:5px"><i class="las la-print"></i></div>

                             <label class="checkbox_label">
                                 <div class="login-one-inputs check">
                                     <input class="inp-cbx cbx_view" id="cbx_view" type="checkbox" style="display: none">
                                     <label class="cbx" for="cbx_view">
                                         <span>
                                             <svg width="12px" height="10px" viewBox="0 0 12 10">
                                                 <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
                                             </svg>
                                         </span>
                                     </label>
                                 </div>
                                 <b>نیشاندانی بڕی قەرزەکان</b>
                             </label>
                         @endif
                         <a href="./customer/create"><i class="las la-plus"></i> زیادکردنی کڕیار </a>
                         <div class="search_box">
                             <form action="" method="GET">
                                 <label> <input type="text" class="input_search" style="width:200px" name="q"
                                         placeholder="چیت بۆ بدۆزمەوە؟ بنووسە..." value=""></label>

                                 <button type="submit" class="button_1">بگەڕێ</button>
                             </form>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="widget-content widget-content-area">
                 <div class="table-responsive">
                     <table class="table">
                         <thead>
                             <tr>
                                 <th width="50">
                                     <div class="th-content text-center">#</div>
                                 </th>
                                 <th>
                                     <div class="th-content  ">ناوی کڕیار</div>
                                 </th>
                                 <th width="130">
                                     <div class="th-content"></div>
                                 </th>
                                 <th width="150" class="hide_this">
                                     <div class="th-content">بڕی قەرز</div>
                                 </th>
                                 <th width="250">
                                     <div class="th-content">ناونیشان</div>
                                 </th>
                                 <th width="150">
                                     <div class="th-content text-center">ژمارەی مۆبایل</div>
                                 </th>
                                 <th width="170">
                                     <div class="th-content text-center">دۆخ</div>
                                 </th>
                                 <th width="180">
                                     <div class="th-content text-center">دواین چالاکی</div>
                                 </th>
                                 <th width="40">
                                     <div class="th-content text-center">کارەکان</div>
                                 </th>
                             </tr>
                         </thead>
                         <tbody>
                                                          @foreach ($customers as $item)
                                                                  <tr style="background:{{ @$css }}">
                                     <td>{{ $item->id }}</td>
                                     <td>{{ $item->name }}</td>
                                     <td><a href="./customer/{{ $item->id }}/view#bottom"
                                             class="btn btn-primary">حسابات</a></td>
                                     <td class="hide_this"><B>{{ @number_format($deps[$item->id][0]) }}</B></td>
                                     <td>{{ $item->location }}</td>
                                     <td align="center">{{ $item->phone }}</td>

                                     <td align=center></td>
                                     <td align="center">{{ @$deps[$item->id][1] }}</td>
                                     <td align=left class="text-right">
                                         <div class="text-right">
                                             <a href="./customer/{{ $item->id }}/edit"
                                                 class="bs-tooltip font-20 text-primary" title=""
                                                 data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>
                                         </div>
                                     </td>
                                 </tr>
                             @endforeach
                         </tbody>
                         <tfoot class="hide_this">
                             <tr>
                                 <td colspan="8">
                                     <B>کۆی گشتی قەرزەکان: {{ number_format($total) }}</B>
                                 </td>
                             </tr>
                         </tfoot>
                     </table>
                 </div>
             </div>
         </div>
     </div>

     <script>
         $(document).ready(function() {


            
             $(".print_this2").click(function() {

                pr('print_all_user_clear');
             });


             $(".print_this").click(function() {
 
                pr();
              
             });

             function pr(types = 'print_all_user'){
                $.ajax({
                     headers: {
                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                     },
                     url: "./customer/feed",
                     type: "POST",
                     data: {
                         type: types
                     },
                     async: false,
                     success: function(response, textStatus, jqXHR) {
                         console.log(response);
                         setTimeout(function() {
                             var printWin = window.open('', '',
                                 'left=240px,top=50px,width=750,height=600,toolbar=0,scrollbars=0,status  =0'
                                 );
                             printWin.document.open();
                             printWin.document.write(
                                 '<html dri="rtl"><head> </head><body>' + response +
                                 '<script type="text/javascript">setTimeout(function(){printss()},1000);  function printss(){window.focus();window.print(); setTimeout(function() {window.close(); }, 10)}<\/script> </body></html>'
                                 );
                             printWin.document.close();
                         }, 200);
                     },
                     error: function(jqXHR, textStatus, errorThrown) {
                         console.log(errorThrown);
                     }
                 });
             }

             $("#cbx_view").click(function() {
                 if ($(this).is(":checked")) {
                     $('.hide_this').show();
                 } else {
                     $('.hide_this').hide();
                 }
             }); 
         });
     </script>
 @endsection