@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">
                 
   @foreach($sabtkalasinsta2 as $value2)
                        @endforeach
                         <div class="col-lg-12 col-md-12 float-right" style="padding: 0">
                        <div class="card card-info card-outline">
                            <div class="card-header">
                                <h3 class="card-title">
                                    <small>ویرایش:</small>
                                </h3>
                            </div>
                            <div class="card-body">

                                <form action="/upKalainsta" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$value2->IdSabtKalas}}" name="IdSabtKalas">
                                    @component('components.input', ['name' => 'NameKala', 'label' => 'نام','value' => $value2->NameKala])@endcomponent
                                   
                                    @component('components.input', ['name' => 'NumberKalaMogid', 'label' => 'تعداد موجود','value' => $value2->NumberKalaMogid])@endcomponent
                                    @component('components.input', ['name' => 'CodeKala', 'label' => 'کد','value' => $value2->CodeKala])@endcomponent
								
                                     @component('components.input', ['name' => 'Photo2', 'label' => 'تصویر', 'type' => 'file', 'required' => 'false'])@endcomponent
                                    <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>
        </section>
    </div>

@stop





@section('extrajs')
    <script>
    $(document).ready(function() {
            $('#cars').on('change', function() {
                this.form.submit();
            });
        });
        $(function () {
            $('#newDataModal').DataTable({
                "language": {
                    "paginate": {
                        "next": "بعدی",
                        "previous": "قبلی"
                    },
                    "search": "جستجو: ",
                    "lengthMenu": "نمایش _MENU_ ردیف در هر صفحه",
                    "zeroRecords": "متاسفانه هیچ مقداری با جستجوی شما یافت نشد...",
                    "emptyTable": "در حال حاضر هیچ مقداری به ثبت نرسیده..."
                },
                "info": false,
                "paging": false,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "autoWidth": true,
            });
        });
        $(document).ready(function () {
            const tag = $('#p-productsinsta'),
                sel = '#' + tag.attr('id') + '-1';
            tag.addClass('menu-open');
            tag.find('a.nav-link').first().addClass('active');
            $(sel).addClass('active');
        });
         $(document).ready(function () {
            var tag = $('#p-instagram')
                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>
        .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