@extends('panel.master')
@section('t')اشخاص شیپینگ @stop
@section('content')
        <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">لیست مشتریان من</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item active">فروش</li>
                            <li class="breadcrumb-item active">مشتریان من</li>
                            <li class="breadcrumb-item active">همه</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
            <div class="container-fluid">
<div class="col-lg-12 col-md-12 float-right" style="padding: 0">
        
  <div class="card card-info card-outline ">
                        <div class="card-header " data-card-widget="collapse">
                            <h3 class="card-title">
                                <small>ویرایش </small>
                            </h3>
                           
                        </div>
                        <div class="card-body">
                            <form action="/panel/saveforeignersup" method="post" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                @foreach($foreigners2 as $val)
                                <input name="Idforeigners" value="{{$val->Idforeigners}}" type="hidden">
                               
                                @component('components.input', ['value' => $val->Name ,'name' => 'Name', 'label' => 'نام ', 'required' => 'false' ,'col' => '2'])@endcomponent
                                @component('components.input', ['value' => $val->EnglishName ,'name' => 'EnglishName', 'label' => 'شماره تماس3', 'required' => 'false' ,'col' => '2'])@endcomponent
                                 @component('components.input', ['value' => $val->City ,'name' => 'City', 'label' => 'شهر', 'required' => 'false' ,'col' => '2'])@endcomponent
                               
                                
                                
                                
                                 <div class="col-lg-2 col-md-6 col-sm-6 float-right">
              <div class="input-group mb-3">
                <label>
                  <span>نوع</span>
                  <select name="Status"   class="select2" style="width:100%">
                       <option >{{$val->Status}}</option>
                      <option >شرکت</option>
                      <option >کارگو</option>
                      <option >شیپینگ</option>
                       <option >سایر</option>
                  </select>
                </label>
              </div>
            </div>     <div class="col-lg-6 col-6 float-right ">
                                    <textarea name='Description' class="form-control float-left" rows="10"
                                    placeholder="توضیحات را وارد نمایید"> 
                                    {{$val->Description}}
                                    </textarea>
                                </div>

@endforeach
                                <div class="col-lg-12 col-12 float-right ">
                                    <div class="input-group mb-3">

                                        <button type="submit" class="btn btn-success" style="margin: 9px 0 0 0;"
                                                >ثبت 
                                        </button>
                                    </div>
                                </div>





                            </form>
                        </div>
                    </div>
                   
                </div>




 
                
                
                
                
                
                
                





                <div class="modal fade right" id="deleteRow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                     aria-hidden="true">
                    <div class="modal-dialog modal-side modal-top-right" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h6 class="modal-title w-100" id="myModalLabel">حذف</h6>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>آیا از حذف <span id="setCode" class="text-danger"></span> مطمئن هستید؟
                                </p>
                            </div>
                            <div class="modal-footer">
                                <form action="/Hazfclerk---">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">انصراف</button>
                                    <input type="hidden" name="HazfId" readonly id="setID">
                                    <button type="submit" class="btn btn-primary">بله، حذف</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>







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

@stop





@section('extrajs')
    <script>
        $(function () {
            $('#newDataModal').DataTable({
                "language": {
                    "paginate": {
                        "next": "بعدی",
                        "previous": "قبلی"
                    },
                    "search": "جستجو: ",
                    "lengthMenu": "نمایش _MENU_ ردیف در هر صفحه",
                    "zeroRecords": "متاسفانه هیچ مقداری با جستجوی شما یافت نشد...",
                    "emptyTable": "در حال حاضر هیچ مقداری به ثبت نرسیده..."
                },
                "info": false,
                "paging": true,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "autoWidth": true,
            });
        });
        $(document).ready(function () {
            const tag = $('#p-foreigner'),
                sel = '#' + tag.attr('id') + '-1';
            tag.addClass('menu-open');
            tag.find('a.nav-link').first().addClass('active');
            $(sel).addClass('active');
        });
         $(document).ready(function () {
            const tag = $('#p-foreign'),
                sel = '#' + tag.attr('id') + '-1';
            tag.addClass('menu-open');
            tag.find('a.nav-link').first().addClass('active');
            $(sel).addClass('active');
        });
        $('.deleteCode').click(function () {
            let getId = $(this).parent().parent().find('td[data-id]').attr('data-id'),
                getName = $(this).parent().parent().find('.name').text();
            $('#setID').val(getId);
            $('#setCode').empty().append(getName);
            $('#deleteRow').modal();
        });

    
       
    </script>
@stop

@section('extraCss')
    <style>
Success!
        .content-wrapper,
        .main-footer,
        .main-header {
            z-index: 99 !important;
        }

        .form-group > label {
            margin: 0 0 0 0;
            display: block;
        }

        .form-group {
            margin-bottom: 0;
        }

    </style>
@stop