@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($kharid2 as $value2)
                        @endforeach
                        <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="/upKalakharid" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$value2->IdKharid}}" name="IdKharid">
                                    @component('components.input', ['name' => 'Name', 'label' => 'نام','value' => $value2->Name])@endcomponent
                                    @component('components.input', ['name' => 'Ctn', 'label' => 'کارتن','value' => $value2->Ctn])@endcomponent
                                    @component('components.input', ['name' => 'Mojudi', 'label' => 'تعداد کل', 'value' => $value2->Mojudi])@endcomponent
                                        @component('components.input', ['name' => 'Yuan', 'label' => 'یوان','value' => $value2->Yuan])@endcomponent
                                    @component('components.input', ['name' => 'Code', 'label' => 'کد','value' => $value2->Code])@endcomponent
                                     @component('components.input', ['name' => 'Tarikh', 'label' => 'تاریخ','value' => $value2->Tarikh])@endcomponent
									@component('components.input', ['name' => 'PriceKharid', 'label' => 'قیمت ','value' => $value2->PriceKharid])@endcomponent
										@component('components.input', ['name' => 'Zarib', 'label' => 'دیتا ','value' => $value2->Zarib])@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 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="/DeleteOneProductAzbuyFactor">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">انصراف</button>
                                    <input type="hidden" name="IdSellforsats" readonly id="setID">
                                    <button type="submit" class="btn btn-primary">بله، حذف</button>
                                </form>
                            </div>
                        </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-Kharid'),
                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-kharidoshiping'),
                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