@extends('layouts.admin')


@push('styles')


<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">

@endpush

@section('content')

<!-- Main content -->
<section class="content">
    <div class="container-fluid mt-4">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <!-- jquery validation -->
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">Product Information Entry</h3>

                        <a href="{{route('product.index')}}" style="float: right;padding: 3px 26px;" class="btn btn-outline-dark btn-flat">Product List</a>

                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->



                    <form id="userform" class="form-horizontal" method="POST" action="{{ route('product.store') }}">

                        @csrf

                        <div class="card-body">

                            <div class="row">

                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="product_name" class="col-sm-3 col-form-label">Product Name <span class="text-danger"> * </span></label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control form-control-sm" name="product_name" id="product_name" value="{{ old('product_name') }}" placeholder="Enter Product Name">

                                            @error('product_name')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="product_code" class="col-sm-3 col-form-label">Product Code <span class="text-danger"> * </span></label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control form-control-sm" name="product_code" id="product_code" value="{{ $product_code }}" placeholder="Enter Product Code" readonly>

                                            @error('product_code')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>

                            </div>

                            <div class="row">



                                <div class="col-md-6">

                                    <div class="form-group row ">
                                        <label for="product_type" class="col-sm-3 col-form-label">Product Type <span class="text-danger"> * </span></label>
                                        <div class="col-sm-9">

                                            <select id="product_type" name="product_type" class="form-control form-control-sm" value="{{ old('product_type') }}" style="width: 100%;">
                                                <option value="">Select Type</option>
                                                @foreach($product_type as $v)
                                                <option value="{{$v->id}}" {{ (old('product_type') == $v->id) ? "selected" : "" }}>{{$v->type_name}}</option>
                                                @endforeach

                                            </select>

                                            @error('product_type')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-6">

                                    <div class="form-group row ">
                                        <label for="food_type" class="col-sm-3 col-form-label">Food Type <span class="text-danger"> * </span></label>
                                        <div class="col-sm-9">

                                            <select id="food_type" name="food_type" class="form-control form-control-sm" value="{{ old('food_type') }}" style="width: 100%;">
                                                <option value="">Select Type</option>
                                                @foreach($food_type as $v)
                                                <option value="{{$v->id}}" {{ (old('food_type') == $v->id) ? "selected" : "" }}>{{$v->type_name}}</option>
                                                @endforeach

                                            </select>

                                            @error('product_type')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>



                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="category_id" class="col-sm-3 col-form-label">Category <span class="text-danger"> * </span></label>
                                        <div class="col-sm-9">

                                            <select id="category_id" name="category_id" class="form-control form-control-sm" value="{{ old('category_id') }}" style="width: 100%;">
                                                <option value="">Select Category</option>
                                                @foreach($categories as $v)
                                                <option value="{{$v->id}}" {{ (old('category_id') == $v->id) ? "selected" : "" }}>{{$v->cat_name}}</option>
                                                @endforeach

                                            </select>

                                            @error('category_id')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>



                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="unit_id" class="col-sm-3 col-form-label">Unit <span class="text-danger"> * </span></label>
                                        <div class="col-sm-9">

                                            <select id="unit_id" name="unit_id" class="form-control form-control-sm" value="{{ old('unit_id') }}" style="width: 100%;">
                                                <option value="">Select Unit</option>
                                                @foreach($units as $v)
                                                <option value="{{$v->id}}" {{ (old('unit_id') == $v->id) ? "selected" : "" }}>{{$v->name}}</option>
                                                @endforeach

                                            </select>

                                            @error('unit_id')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>



                            </div>

                            <div class="row">

                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="pur_price" class="col-sm-3 col-form-label">Purchase Price</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control form-control-sm" name="pur_price" id="pur_price" value="{{ old('pur_price') }}" placeholder="Purchase Price">

                                            @error('pur_price')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="sale_price" class="col-sm-3 col-form-label">Sale Price </label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control form-control-sm" name="sale_price" id="sale_price" value="{{ old('sale_price') }}" placeholder="Sale Price">

                                            @error('sale_price')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>

                            </div>


                            <div class="row">


                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <label for="supplier_id" class="col-sm-3 col-form-label">Suppliers</label>
                                        <div class="col-sm-9">

                                            <select id="supplier_id" name="supplier_id[]" class="form-control form-control-sm select2" multiple="multiple" data-placeholder="Select a Supplier" value="" style="width: 100%;">
                                                <option value="">Select Suppliers</option>
                                                @foreach($suppliers as $v)
                                                <option value="{{$v->id}}" {{ (old('supplier_id') == $v->id) ? "selected" : "" }}>{{$v->supplier_name}}</option>
                                                @endforeach

                                            </select>

                                            @error('supplier_id')
                                            <span class="error invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>
                                    </div>

                                </div>

                            </div>


                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">

                            <button type="submit" class="btn btn-primary">Submit</button>

                        </div>
                    </form>
                </div>
                <!-- /.card -->
            </div>
            <!--/.col (left) -->
            <!-- right column -->
            <div class="col-md-6">

            </div>
            <!--/.col (right) -->
        </div>
        <!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection

@push('scripts')
<script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
<script type="text/javascript">
    $(function() {
        //Initialize Select2 Elements
        $('.select2').select2()

        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        });


    })
</script>
@endpush