@extends('layouts.main')

@section('content')
    <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>
                    
                        <a href="./container/create" ><i class="las la-plus"></i> زیادکردنی کۆنێنەر  </a>

                    </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 width="60">
                                   <div class="th-content text-center">کۆد</div>
                               </th>
                                <th>
                                    <div class="th-content">سەردێڕ</div>
                                </th> 
                                <th width="30">
                                   <div class="th-content text-center"></div>
                               </th>
                               <th width="30">
                                  <div class="th-content text-center"></div>
                              </th>
                               <th width="90">
                                  <div class="th-content text-center">هاوردەی</div>
                              </th>
                               <th width="120">
                                  <div class="th-content text-center">بەرواری بارکردن</div>
                              </th>
                                <th width="120">
                                    <div class="th-content text-center">بەرواری گەیشتین</div>
                                </th>
                                <th width="90">
                                    <div class="th-content text-center">نرخی دۆلار</div>
                                </th>
                                <th width="100">
                                    <div class="th-content text-center">نرخی کاڵاکان</div>
                                </th>
                                <th width="120">
                                    <div class="th-content text-center">ژمارەی کارتۆنەکان</div>
                                </th>
                                <th width="50">
                                    <div class="th-content text-center">کارەکان</div>
                                </th>
                            </tr>
                        </thead>
                        <tbody> 
                            @foreach ($containers as $container)
                                <tr>
                                    <td align="center">{{ $container->id }}</td> 
                                    <td align="center">{{ $container->code }}</td> 
                                    <td>{{ $container->name }}</td> 
                                    <td align="center"><a href="product/?type=container&q={{$container->code}}" class="btn btn-sm btn-primary">کاڵاکان</a></td> 
                                    <td align="center">
                                        @if($container->file)
                                            <a href="{{$container->file}}"><i style="font-size:17pt" class="las text-success la-file-excel"></i></a>
                                        @endif
                                    </td> 
                                    <td align="center">{{ $container->type=="china"?'صينی':'ئێرانی' }}</td> 
                                    <td>{{ date("Y-m-d",strtotime($container->date_load)) }}</td>
                                    <td>{{ date("Y-m-d",strtotime($container->date_down)) }}</td>
                                    <td align="center">{{ $container->usd }}</td>
                                    <td align="center">{{ $container->total }}</td>
                                    <td align="center">{{ $container->ctn }}</td>
                                     
                                    <td align=center  >
                                        <div class="text-center">
                                            <a href="./container/{{ $container->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>
                    </table> 
                </div>
            </div>
        </div>
    </div>
    <script>
       $(document).ready(function(){
           $('#confirm-delete').on('show.bs.modal', function(e) {
               $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
           });
       });
    </script>
    <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
       <div class="modal-dialog">
           <div class="modal-content">
               <div class="modal-header">
                   سڕینەوە
               </div>
               <div class="modal-body">
                   ئایا ڕازیت ئەم کارمەندە بسڕیتەوە؟
               </div>
               <div class="modal-footer">
                   <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                   <a class="btn btn-danger btn-ok">بەڵێ</a>
               </div>
           </div>
       </div>
   </div>
@endsection