@extends('admin.layouts.master')
@section('css')
    <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet">
    <link href="/assets/plugins/kamadatepicker/kamadatepicker.min.css" rel="stylesheet">
    <style>
        .select2-container {
            width: 100% !important
        }
    </style>
@endsection
@section('content')
    <!-- BEGIN PAGE CONTENT -->
    <div id="page-content">
        <div class="row">
            <!-- BEGIN BREADCRUMB -->
            <div class="col-md-12">
                <div class="breadcrumb-box border shadow">
                    <ul class="breadcrumb">
                        <li><a href="dashboard.html">پیشخوان</a></li>
                        <li><a href="/admin/factor">موم</a></li>
                        <li class="active">{{ $title }}</li>
                    </ul>
                    <div class="breadcrumb-left">
                        {{ jdate()->format('Y-m-d') }}
                        <i class="icon-calendar"></i>
                    </div><!-- /.breadcrumb-left -->
                </div><!-- /.breadcrumb-box -->
            </div><!-- /.col-md-12 -->
            <!-- END BREADCRUMB -->

            <div class="col-12">
                <div class="portlet box border shadow">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h3 class="title">
                                <i class="fa fa-product-hunt fa-2x text-danger"></i>
                                {{ $title }}
                            </h3>
                        </div><!-- /.portlet-title -->
                        <div class="buttons-box">
                            <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip" title="تمام صفحه"
                                href="#">
                                <i class="icon-size-fullscreen"></i>
                            </a>
                            <a class="btn btn-sm btn-default btn-round btn-collapse" rel="tooltip" title="کوچک کردن"
                                href="#">
                                <i class="icon-arrow-up"></i>
                            </a>
                        </div><!-- /.buttons-box -->
                    </div><!-- /.portlet-heading -->
                    <div class="portlet-body">
                        <div class="row">
                            @if ($errors->any())
                                @foreach ($errors->all() as $error)
                                    <div class="alert alert-danger fill  fade show">
                                        <button type="button" class="btn-close" data-bs-dismiss="alert"
                                            aria-label="Close"></button>
                                        {{ $error }}
                                    </div>
                                @endforeach
                            @endif
                            @if (session()->has('error'))
                                @foreach (session()->get('error') as $item)
                                    <div class="alert alert-danger fill  fade show">
                                        <button type="button" class="btn-close" data-bs-dismiss="alert"
                                            aria-label="Close"></button>
                                        {{ $item }}
                                    </div>
                                @endforeach
                            @endif
                            <form role="form" action="{{ $action }}" method="POST" id="validate-form"
                                enctype="multipart/form-data" class="repeater">
                                @csrf

                                <div class="col-lg-6">
                                    <div class="form-body">
                                        <div class="form-group">
                                            <label>تاریخ ثبت</label>
                                            <div class="input-group curve">
                                                <span class="input-group-addon">
                                                    <i class="fa fa-calendar fa-2x text-success"></i>
                                                </span>
                                                <input type="text" id="kama-datepicker"
                                                    class="form-control curve ltr text-left" name="date_at"
                                                    value="{{ old('date_at', jdate()->format('Y/m/d')) }}">
                                            </div><!-- /.input-group -->
                                            <span class="help-block">بصورت پیش فرض تاریخ امروز می باشد</span>
                                        </div><!-- /.form-group -->


                                        <div class="form-group">
                                            <label>واحد موم </label>
                                            <div class="input-group curve">
                                                <span class="input-group-addon">
                                                    <i class="fa fa-calendar-check-o fa-2x text-success"></i>
                                                </span>

                                                <select class="form-select curve" name="mom_id">
                                                    @foreach ($moms as $item)
                                                        <option value="{{ $item->id }}" @selected(old('mom_id') == $item->id)>
                                                            {{ $item->name }}</option>
                                                    @endforeach
                                                </select>

                                            </div><!-- /.input-group -->

                                        </div><!-- /.form-group -->
                                        <div class="form-group">
                                            <label>نام مشتری</label>

                                            <div class="input-group curve">

                                                <select class="form-control curve select2" name="account_id">
                                                    @foreach ($accounts as $item)
                                                        <option value="{{ $item->id }}" @selected(old('account_id') == $item->id)>
                                                            {{ $item->nf }}</option>
                                                    @endforeach
                                                </select>

                                            </div><!-- /.input-group -->
                                        </div><!-- /.form-group -->
                                        <div class="form-group">
                                            <label>محصول</label>
                                            <div class="input-group curve">

                                                <select class="form-select curve select2" name="product_id">

                                                    @foreach ($products as $item)
                                                        <option value="{{ $item->id }}" @selected(old('product_id') == $item->id)>
                                                            {{ $item->name }}</option>
                                                    @endforeach
                                                </select>

                                            </div><!-- /.input-group -->

                                        </div><!-- /.form-group -->
                                        <div class="form-group">
                                            <label>تعداد </label>
                                            <div class="input-group curve">
                                                <span class="input-group-addon">
                                                    <i class="fa fa-qrcode fa-2x text-success"></i>
                                                </span>
                                                <input type="number" name="count" required value="{{ old('count') }}"
                                                    class="form-control curve">

                                            </div><!-- /.input-group -->

                                        </div><!-- /.form-group -->

                                    </div><!-- /.form-body -->



                                </div>
                                <div class="table-responsive">
                                    <table class="table table-bordered " id="items1">
                                        <thead>
                                            <tr>

                                                <th>نام سنگ </th>
                                                <th>تعداد</th>

                                                <th></th>
                                            </tr>

                                        </thead>
                                        <tbody data-repeater-list="groupa" class="items" id="items">

                                            <tr data-repeater-item>

                                                <td width="35%">
                                                    <select name="product" id="product"
                                                        class="form-select curve box1 product wp-m-300 select2">
                                                        <option value="" data-id="" selected>یک سنگ را انتخاب
                                                            کنید
                                                        </option>
                                                        @foreach ($sangs as $item)
                                                            <option value="{{ $item->id }}">{{ $item->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>

                                                </td>
                                                <td>
                                                    <input name="tedad" id="tedad"
                                                        class="form-control curve number ali wp-m-100" value="0"
                                                        required pattern="[0-9]+([\.,][0-9]+)?" type="text" />
                                                </td>

                                                <td>
                                                    <a data-repeater-delete>
                                                        <i class="fa fa-trash-o fa-2x"></i>
                                                    </a>

                                                </td>
                                            </tr>

                                        </tbody>
                                        <tbody>

                                            <tr>
                                                <td class="table-foots" colspan="3" rowspan="0"
                                                    style="vertical-align: top">
                                                    <input data-repeater-create class="btn btn-primary curve"
                                                        type="button" value="افزودن سطر">
                                                </td>

                                            </tr>

                                        </tbody>
                                    </table>

                                </div>

                                <button type="submit" class="btn btn-info btn-round">
                                    <i class="fa fa-check fa-2x"></i>
                                    ذخیره
                                </button>
                                <a href="{{route('admin.AnbarMom.input')}}" class="btn btn-warning btn-round">
                                    بازگشت
                                    <i class="icon-close"></i>
                                  
                                </a>
                            </form>
                        </div>
                    </div><!-- /.portlet-body -->
                </div><!-- /.portlet -->
            </div><!-- /.col-12 -->
        </div><!-- /.row -->
    </div><!-- /#page-content -->
    <!-- END PAGE CONTENT -->
@endsection
@section('js-page')
    <script src="/assets/plugins/select2/dist/js/select2.full.min.js"></script>
    <script src="/assets/plugins/select2/dist/js/i18n/fa.js"></script>
    <script src="/assets/js/pages/select2.js"></script>
    <script src="/assets/js/jquery.repeater.js"></script>
    <script src="/assets/plugins/kamadatepicker/kamadatepicker.min.js"></script>
    <script src="/assets/js/pages/calendar-kama.js"></script>

    <script>
        $(document).ready(function() {
            $('.repeater').repeater({
                show: function() {
                    $(this).slideDown();
                    $(this).find('.select2-container').remove();
                    $(this).find('#count').val(1);
                    $(this).find(".select2").select2({
                        rtl: true
                    });
                    $(this).find('.select option:first').prop('selected', true);
                },
                hide: function(deleteElement) {
                    if (confirm('آیا از حذف سطر مورد نظر اطمینان دارید؟')) {
                        $(this).slideUp(deleteElement);
                    }
                },
                isFirstItemUndeletable: true
            })
        });
    </script>
@endsection