@extends("WarehouseDashboard.layouts.dashboard.app")
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__('Forms')}}</h1>
            <p>{{__('Create Forms')}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="{{route("forms.index")}}">{{__('Forms')}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__('Create')}}</a></li>
        </ul>
    </div>
@endsection
@section("content")
    @error("branch_id")
    <div class="alert alert-dismissible alert-danger page-message danger" >
        {{$message}}
    </div>
    @enderror


    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__('Create Forms')}}</h3>

{{--                <form method="get" action="{{route("forms.create")}}">--}}
{{--                    <div class="form-group col-md-4">--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="exampleSelect1">{{__('filter-by-type')}}</label>--}}
{{--                            <select class="form-control" id="exampleSelect1" name="type" onchange="this.form.submit()" required>--}}
{{--                                <option  value="">{{__('select-type')}}</option>--}}
{{--                                <option @if($type == 1) selected @endif value="1">{{__('Warehouse')}}</option>--}}
{{--                                <option @if($type == 2) selected @endif value="2">{{__('Operator')}}</option>--}}
{{--                            </select>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </form>--}}


                <div class="tile-body">
                    <form method="post" action="{{route("forms.store")}}" enctype="multipart/form-data">

                        @csrf
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">{{__('Form Name')}}</label>
                                    <input class="form-control @if($errors->has('name')) is-invalid @endif" type="text"
                                           name="name" required placeholder=""
                                           value="{{inputValue("name")}}">
                                </div>
                                @error("name")
                                <div class="input-error">{{$message}}</div>
                                @enderror


                            </div>
                            <div class="form-group col-md-4">
                                <div class="form-group">
                                    <label for="exampleSelect1">{{__('Branches')}}</label>
                                    <select class="form-control" id="exampleSelect1" name="branch_id" required>
                                        <option  value="">{{__('Select Branch')}}</option>
                                        @foreach($branches  as $branch)
                                            <option @if(old("branch_id") !== null && old("branch_id") == $branch->id) selected @endif value="{{$branch->id}}">{{$branch->store_name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>

                            {{--                            <div class="col-lg-6">--}}
                            {{--                                <div class="form-group">--}}
                            {{--                                    <label for="exampleSelect1">{{__('Type')}}</label>--}}
                            {{--                                    <select class="form-control" id="exampleSelect1" name="RequestType" required>--}}
                            {{--                                        <option value="">None</option>--}}
                            {{--                                        <option value="1">{{__('Normal')}}</option>--}}
                            {{--                                        <option value="2">{{__('urgent')}} </option>--}}
                            {{--                                    </select>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                        </div>
                        <hr>
                        <h3 class="tile-title">{{__('Select Items')}}</h3>
                        <div class="row">

                            <div class="col-md-12">
                                <div class="tile">
                                    <div class="tile-body">
                                        <div class="table-responsive">
                                            <table class="table table-hover table-bordered" id="sampleTable">
                                                <thead>
                                                <tr>

                                                    <th>{{__('Select')}}
                                                        <div><input type="checkbox" name="select-all" id="select-all"/>
                                                        </div>
                                                    </th>
                                                    <th>{{__('Item Code')}}</th>
                                                    <th>{{__('Item Name')}}</th>
                                                    <th>{{__('Category name')}}</th>
                                                    <th>{{__('Type')}}</th>
                                                    <th>{{__('Unit')}}</th>
                                                    <th>{{__('Status')}} </th>
                                                    <th>{{__('request-unit')}}</th>
                                                    <th>{{__('Max Value')}}</th>

                                                </tr>
                                                </thead>
                                                <tbody>
                                                @error('item_id')
                                                <div class="alert alert-danger">{{$message}}</div>
                                                @enderror

                                                @foreach($items as $item)
                                                    <tr>
                                                        <td class="checkbox-correct size-1 check-box mr-2"><input
                                                                type="checkbox"
                                                                @if(old("item_id") !== null && in_array($item->id,old("item_id"))) checked
                                                                @endif @error('min.'.$item['id']) checked
                                                                @enderror name="item_id[]" value="{{$item['id']}}"></td>
                                                        <td>{{$item->item_code}}</td>
                                                        <td>{{$item->name_ar}}</td>
                                                        <td>{{$item->category->name_ar ?? null}}</td>
                                                        <td>
                                                            @if($item->Type == 1)
                                                                {{__('Warehouse')}}
                                                            @elseif($item->Type == 2)
                                                                {{__('Operator')}}
                                                            @endif
                                                        </td>
                                                        <td>
                                                            {{$item->getUnitNameAttribute()}}
                                                        </td>
                                                        <td>{{$item->status ? __("Active") : __("Non-Active")}}</td>
                                                        <td>
                                                            <input
                                                                class="elm form-control @if($errors->has('min')) is-invalid @endif"
                                                                type="number" name="min[{{$item['id']}}]"
                                                                placeholder="{{__('Enter min value')}}"
                                                                value="{{inputValue("min")[$item['id']] ?? ''}}">
                                                            @error('min.'.$item['id']) <span
                                                                class="text-danger">{{__("this field is required")}}</span> @enderror
                                                        </td>
                                                        <td>
                                                            <input
                                                                class="form-control @if($errors->has('max')) is-invalid @endif"
                                                                type="number" name="max[{{$item['id']}}]"
                                                                placeholder="{{__('Enter max value')}}"
                                                                value="{{inputValue("max")[$item['id']] ?? ''}}">
                                                            @error('max.'.$item['id']) <span
                                                                class="text-danger">{{__("this field is required")}}</span> @enderror
                                                        </td>


                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i
                                    class="fa fa-fw fa-lg fa-check-circle"></i>{{__('Create')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
    </script>


    <script>
        var msg = '{{Session::get('alert')}}';
        var exist = '{{Session::has('alert')}}';
        if (exist) {
            alert(msg);
        }

        $('#select-all').click(function (event) {
            if (this.checked) {
                // Iterate each checkbox
                $(':checkbox').each(function () {
                    this.checked = true;
                });
            } else {
                $(':checkbox').each(function () {
                    this.checked = false;
                });
            }
        });

        $(".elm").bind("keyup change",function (){
            let value = Number($(this).val());
            if(value < 0 || value === ""){
                $(this).val(0)
            }else{
                $(this).val(value)
            }
        });
    </script>

@endsection