@extends('admin.layouts.masterlayout')

@section('title', 'Add Inventory')

@section('Css')
<link href="{{ asset('assets/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('head_title', "Inventory Management")

@section('content')
<div class="dashboard-body-content">
    <div class="dashboard-breadcrumb-section">
        <h2>Add Inventory</h2>
        <p><a href="{{ route('admin.inventoryManagement') }}">Inventory Management </a>/ Add Inventory</p>
    </div>
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <form id="store_inventory" action="{{route('admin.storeInventory')}}" method="post">
        @csrf
        <div class="row">
            <div class="col-xxl-7 col-lg-12 mb-lg-0 ">
                <div class="ct-admin-container mb-4">
                    <div class="card">
                        <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
                            <div class="card-title mb-0">
                                <h2>Inventory Item </h2>
                            </div>
                        </div>
                        <div class="card-body ">
                             <div class="mb-4">
                                <label for="shop_id">Shop<span class="required-star">*</span></label>
                                <div class="auth-input-position">
                                    <select class="form-control form-menu " id="shop_id" name="shop_id">
                                        <option value="">Select a Shop</option>
                                        @foreach($shops as $shop)
                                        <option value="{{ $shop->id }}" {{ old('shop_id') == $shop->id ? 'selected' : '' }}>
                                            {{ $shop->shop_name }}
                                        </option>
                                        @endforeach
                                    </select>
                                    <div class="auth-input-icon">
                                        <img src="{{asset('assets/img/dashboard/Shop.png')}}" alt="">
                                    </div>
                                </div>
                                <div class="shop_id_error"></div>
                            </div>
                            <div class="w-100">
                                <div class="row">
                                    <div class="col-md-9 mb-4">
                                        <label for="shop_id">Select Item<span class="required-star">*</span></label>
                                        <div class="auth-input-position">
                                            <select class="form-control form-menu" id="item_id" name="item_id">
                                                <option value="">Select a Item</option>
                                                @foreach($inventory_items as $item)
                                                <option value="{{ $item->id }}" {{ old('item') == $item->id ? 'selected' : '' }}>
                                                    {{ $item->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                            <div class="auth-input-icon">
                                                <img src="{{asset('assets/img/dashboard/Shop.png')}}" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 mb-4">
                                        <label for="role">Stock Quantity<span class="required-star">*</span></label>
                                        <div class="auth-input-position">
                                            <input type="text" id="stock_quantity" name="stock_quantity" placeholder="00" class="form-control" value="{{ old('stock_quantity') }}">
                                            <div class="auth-input-icon">
                                                <img src="{{ asset('assets/img/shop-icon.png') }}" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mb-4">
                                <label for="role">Supplier Name<span class="required-star">*</span></label>
                                <div class="auth-input-position">
                                    <input type="text" id="supplier_name" name="supplier_name" placeholder="Enter Supplier Name" class="form-control" value="{{ old('suplier_name') }}">
                                    <div class="auth-input-icon">
                                        <img src="{{ asset('assets/img/role-icon.png') }}" alt="">
                                    </div>
                                </div>
                            </div>
                           
                            <div class="mb-4">
                                <label for="notes">Add Extra Notes<span class="required-star">*</span></label>
                                <div class="auth-input-position">
                                    <textarea class="form-control " id="extra_note" name="extra_note"
                                        placeholder="Enter Your Extra Notes..."></textarea>
                                    <div class="auth-input-icon">
                                        <img src="{{asset('assets/img/dashboard/edit.png')}}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex gap-3 submit-container">
                    <a href="{{ route('admin.inventoryManagement') }}" class="ct-outline-btn text-center">Cancel</a>
                    <button type="submit" class="ct-btn add_inventory_btn"> <span>Save</span> </button>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection

@section('script')
<script src="{{ asset('assets/js/select2.min.js') }}"></script>
<script>
    $(document).ready(function() {
    $("#shop_id").select2();
        $("#store_inventory").validate({
            rules: {
                item_id: {
                    required: true,
                },
                stock_quantity: {
                    required: true,
                    digits: true
                },
                supplier_name: {
                    required: true,
                },
                shop_id: {
                    required: true,
                },
                extra_note: {
                    required: true,
                }
            },
            errorPlacement: function(error, element) {
                if (element.attr("name") == "shop_id") {
                    $(".shop_id_error").html(error);
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler: function(form) {
                $('.add_inventory_btn').attr('disabled', true).addClass('loader-active');
                form.submit();
            }
        });
    });
</script>
@endsection