@extends('admin.layouts.app')
@section('title', 'Product Create')
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <a href="{{ route('product.list') }}" class="btn btn-primary"><i class="ti ti-arrow-back-up me-2"></i>
                        Product List</a>
                </div>
                <h4 class="page-title">Add New Product</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                <ul>
                    {{ session('success') }}
                </ul>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <ul>
                    {{ session('error') }}
                </ul>
            </div>
        @endif
    </div>
    {{-- <div class="row">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div> --}}

    <div class="row">
        <div class="col-lg-12">
            <form method="POST" action="{{ route('product.store') }}" class="form" enctype="multipart/form-data">
                @csrf
                <div class="card">

                    <!--end card-header-->
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="product_type" class="mb-2">Product Type</label>
                                    <select name="product_type" class="form-control select2" id="product_type">
                                        <option value="">Select Product Type</option>
                                        @foreach($categories as $category)
                                            <option {{ old('product_type') == $category->id ? 'selected' : '' }} value="{{ $category->id }}">{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('product_type')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="product_sub_type" class="mb-2">Product Sub Type</label>
                                    <select name="product_sub_type" class="form-control select2" id="product_sub_type">
                                        <option value="">Select Product Sub Type</option>
                                    </select>
                                    @error('product_sub_type')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="name" class="mb-2">Product Name</label>
                                    <input class="form-control" type="text" id="name" name="name"
                                        value="{{ old('name') }}" placeholder="Enter name">
                                    @error('name')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="reference_name" class="mb-2">Reference Name</label>
                                    <input class="form-control" type="text" id="reference_name" name="reference_name"
                                        value="{{ old('reference_name') }}" placeholder="Enter Reference name">
                                    @error('reference_name')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3" style="display: none">
                                <div class="mb-2">
                                    <label for="cartoon" class="mb-2">Product Cartoon(Per Set)</label>
                                    <input class="form-control" type="text" id="cartoon" name="cartoon"
                                        value="{{ old('cartoon',1) }}" placeholder="Enter cartoon">
                                    @error('cartoon')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3" style="display: none">
                                <div class="mb-2">
                                    <label for="cartoon" class="mb-2">Unit</label>
                                    <select class="form-select unit"  name="unit">
                                        @foreach ($units as $unit)
                                            <option value="{{ $unit->id }}" {{ old('unit')==$unit->id?'selected':'' }}>{{ $unit->name }}({{ $unit->quantity }})</option>
                                        @endforeach
                                    </select>
                                    @error('unit')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>

                           <div class="col-md-3">
                               <div class="mb-2">
                                   <label for="last_buying_price" class="mb-2">Last Buying Price</label>
                                   <input class="form-control" type="text" id="last_buying_price" name="last_buying_price"
                                          value="{{ old('last_buying_price') }}" placeholder="Enter Price">
                                   @error('last_buying_price')
                                   <p class="mt-1 text-danger">{{ $message }}</p>
                                   @enderror
                               </div>
                           </div>
                           <div class="col-md-3">
                               <div class="mb-2">
                                   <label for="last_selling_price" class="mb-2">Last Selling Price</label>
                                   <input class="form-control" type="text" id="last_selling_price" name="last_selling_price"
                                          value="{{ old('last_selling_price') }}" placeholder="Enter Price">
                                   @error('last_selling_price')
                                   <p class="mt-1 text-danger">{{ $message }}</p>
                                   @enderror
                               </div>
                           </div>
                           <div class="col-md-3">
                               <div class="mb-2">
                                   <label for="average_buying_price" class="mb-2">Average Buying Price</label>
                                   <input class="form-control" type="text" id="average_buying_price" name="average_buying_price"
                                          value="{{ old('average_buying_price') }}" placeholder="Enter Price">
                                   @error('average_buying_price')
                                   <p class="mt-1 text-danger">{{ $message }}</p>
                                   @enderror
                               </div>
                           </div>
{{--                            <div class="col-md-3">--}}
{{--                                <div class="mb-2">--}}
{{--                                    <label for="sale_return_stock" class="mb-2">Sale Return Stock</label>--}}
{{--                                    <input class="form-control" type="text" id="sale_return_stock" name="sale_return_stock"--}}
{{--                                           value="{{ old('sale_return_stock',0) }}" placeholder="Enter Stock">--}}
{{--                                    @error('sale_return_stock')--}}
{{--                                    <p class="mt-1 text-danger">{{ $message }}</p>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-3">--}}
{{--                                <div class="mb-2">--}}
{{--                                    <label for="purchase_stock" class="mb-2">Purchase Stock</label>--}}
{{--                                    <input class="form-control" type="text" id="purchase_stock" name="purchase_stock"--}}
{{--                                           value="{{ old('purchase_stock',0) }}" placeholder="Enter Stock">--}}
{{--                                    @error('purchase_stock')--}}
{{--                                    <p class="mt-1 text-danger">{{ $message }}</p>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-3">--}}
{{--                                <div class="mb-2">--}}
{{--                                    <label for="purchase_return_stock" class="mb-2">Purchase Return Stock</label>--}}
{{--                                    <input class="form-control" type="text" id="purchase_return_stock" name="purchase_return_stock"--}}
{{--                                           value="{{ old('purchase_return_stock',0) }}" placeholder="Enter Stock">--}}
{{--                                    @error('purchase_return_stock')--}}
{{--                                    <p class="mt-1 text-danger">{{ $message }}</p>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-3">--}}
{{--                                <div class="mb-2">--}}
{{--                                    <label for="name" class="mb-2">Supplier</label>--}}
{{--                                    <select name="supplier" id="supplier" class="form-select default-select">--}}
{{--                                        <option value="">Select One</option>--}}
{{--                                        @foreach ($suppliers as $supplier)--}}
{{--                                            <option value="{{ $supplier->id }}"--}}
{{--                                                {{ old('supplier') == $supplier->id ? 'selected' : '' }}>--}}
{{--                                                {{ $supplier->name }}</option>--}}
{{--                                        @endforeach--}}
{{--                                    </select>--}}
{{--                                    @error('supplier')--}}
{{--                                    <p class="mt-1 text-danger">{{ $message }}</p>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="commission1" class="mb-2">Commission</label> <br>
                                    <input class="" type="radio" id="status1" name="commission"
                                        {{ old('commission',1) == '1' ? 'checked' : '' }} value="1">
                                    <label for="commission2" class="mb-2">Yes</label> &nbsp;&nbsp;
                                    <input class="" type="radio" id="status2" name="commission"
                                        {{ old('commission') == '0' ? 'checked' : '' }} value="0">
                                    <label for="commission2" class="mb-2">No</label>
                                    <br>
                                    @error('commission')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="status" class="mb-2">Status</label> <br>
                                    <input class="" type="radio" id="status1" name="status"
                                        {{ old('status',1) == '1' ? 'checked' : '' }} value="1">
                                    <label for="status1" class="mb-2">Active</label> &nbsp;&nbsp;
                                    <input class="" type="radio" id="status2" name="status"
                                        {{ old('status') == '0' ? 'checked' : '' }} value="0">
                                    <label for="status2" class="mb-2">Inactive</label>
                                    <br>
                                    @error('status')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                    </div>
                    <!--end card-body-->
                    <div class="card-footer">
                        <div class="text-end">
                            <button class="btn btn-primary" type="submit">Add Product</button>
                        </div>
                    </div>
                </div>
                <!--end card-->


                <!--end card-->
            </form>
            <!--end form-->
        </div> <!-- end col -->
    </div> <!-- end row -->
@endsection
@push('scripts')
    <script>
        $(function (){
            var subCategorySelected = '{{ old('product_sub_type') }}';

            $("#product_type").change(function () {

                let categoryId = $(this).val();
                $('#product_sub_type').html('<option value="">Select Sub Type</option>');
                if (categoryId != '') {
                    $.ajax({
                        method: "GET",
                        url: "{{ route('get_product_sub_categories') }}",
                        data: {id: categoryId}
                    }).done(function (data) {
                        $.each(data, function (index, item) {
                            if (subCategorySelected == item.id)
                                $('#product_sub_type').append('<option value="' + item.id + '" selected>' + item.name + '</option>');
                            else
                                $('#product_sub_type').append('<option value="' + item.id + '">' + item.name + '</option>');
                        });
                    });
                }
            })
            $("#product_type").trigger('change');
        })
    </script>
@endpush