@extends('layouts.tenant.master')
@section('title', 'Product Menu')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/owlcarousel.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/owlcarousel.css') }}">
@endsection

@section('style')
@endsection

@section('breadcrumb-title')
    <h2>Create <span>Products </span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Products</li>
    <li class="breadcrumb-item active">Create</li>
@endsection

@section('content')
    @include('partial.flashMessage')
    <div class="m-2 card-body">
        <form method="POST" action="{{ route('tenant_product_store') }}" enctype="multipart/form-data">
            @csrf
            <div class="row">

            <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Select Catalog<span class="asterisk text-danger"> *</span></label>
                        <select autofocus class="form-control catalog_id" name="catalog_id" id="catalog_id" required>
                            <option value="">--Select--</option>
                            @foreach ($product_catalogs as $catalog)
                                <option value="{{ $catalog->id }}" {{ old('catalog_id') == $catalog->id ? 'selected' : '' }}>{{ $catalog->name }}</option>
                            @endforeach
                        </select>
                        @error('catalog_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Select Cabinet Category<span class="asterisk text-danger"> *</span></label>
                        <select autofocus class="form-control section_id" name="section_id" id="section_id" required>
                            <option value="">--Select--</option>
                            @foreach ($product_sections as $section)
                                <option value="{{ $section->id }}" {{ old('section_id') == $section->id ? 'selected' : '' }}>{{ $section->cabinets_name }}</option>
                            @endforeach
                        </select>
                        @error('section_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Select Door Style<span class="asterisk text-danger"> *</span></label>
                        <select autofocus class="form-control door_color_id" name="door_color_id" id="door_color_id" required>
                            <option value="">--Select--</option>
                            @foreach ($door_colors as $color)
                                <option value="{{ $color->id }}" {{ old('door_color_id') == $color->id ? 'selected' : '' }}>{{ $color->product_label }}</option>
                            @endforeach
                        </select>
                        @error('door_color_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Product Label<span class="asterisk text-danger"> *</span></label>
                        <input name="label" type="text" class="form-control" value="{{ old('label') }}" required autofocus>
                        @error('label')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>SKU<span class="asterisk text-danger"> *</span></label>
                        <input name="sku" type="text" class="form-control" value="{{ old('sku') }}" required autofocus>
                        @error('sku')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Weight<span class="asterisk text-danger"> *</span></label>
                        <input name="weight" type="text" step="0.01" class="form-control" value="{{ old('weight') }}" required autofocus>
                        @error('weight')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Cost<span class="asterisk text-danger"> *</span></label>
                        <input name="cost" type="number" step="0.01" class="form-control" value="{{ old('cost') }}" required autofocus>
                        @error('cost')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Assemble Cost<span class="asterisk text-danger"> *</span></label>
                        <input name="assemble_cost" type="number" step="0.01" class="form-control" value="{{ old('assemble_cost') }}" required autofocus>
                        @error('assemble_cost')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Quantity<span class="asterisk text-danger"> *</span></label>
                        <input name="qty" type="number" step="0.01" class="form-control" value="{{ old('qty') }}" required autofocus>
                        @error('qty')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Details</label>
                        <textarea name="description" class="form-control">{{ old('description') }}</textarea>
                        @error('description')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Manufacture Date</label>
                        <input name="manufcature_date" type="date" class="form-control" value="{{ old('manufcature_date') }}" autofocus>
                        @error('manufcature_date')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="p-2 col-lg-4">
                    <div class="form-group">
                        <label>Schematic Image</label>
                        <input type="file" class="form-control" name="image" accept="image/*">
                        @error('image')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="text-center col-12">
                    <button class="btn btn-success" style="margin: 15px;">Create & Create More Products</button>
                    <button type="submit" class="btn btn-success" style="margin: 15px;">Create Product</button>
                </div>
            </div>
        </form>
    </div>

@endsection

@section('script')

<script src="{{ dynamic_url('assets/main/js/select2/select2.full.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/select2/select2-custom.js') }}"></script>


<!-- Include SweetAlert -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- Show validation errors using SweetAlert -->
@if ($errors->any())
    <script>
        Swal.fire({
            icon: 'error',
            title: 'Whoops...',
            html: `
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            `
        });
    </script>
@endif
@endsection