@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-header fw-bold">
            Create Products
        </div>
        <div class="card-body">
            <form action="{{ url('admin/products') }}" method="POST" enctype="multipart/form-data">@csrf
                <div class="row">
                    <div class="col-6 mb-3">
                        <label for="">Product ID </label>
                        <input type="number" name="prodId" class="form-control" />
                        @error('prodId')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <div class="col-6 mb-3">
                        <label for="">Product Model </label>
                        <input type="text" class="form-control" name="model" value="{{ old('model') }}" />
                        @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Product Thumbnail</label>
                        <input type="file" name="thumbnail_image"  class="form-control"/>
                        @error('thumbnail_image')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Product Images </label>
                        <input type="file" name="productImage[]"  class="form-control" multiple/>
                        @error('productImage')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    

                    <div class="col-6 mb-3">
                        <label for="">Brand </label>
                        {{-- <input type="text" name="brandname" class="form-control"/> --}}
                        <select class="form-select" aria-label="Default select example" name="brandname">
                            <option selected>Select Brand</option>
                            <!--@foreach ($bran as $brands)-->
                            <!--<option value="{{$brands->brandname}}">{{$brands->brandname}}</option>-->
                            <!--@endforeach-->
                            <option value="SENTRY SAFE">SENTRY SAFE</option>
                            <option value="TITAN SAFE">TITAN SAFE</option>
                            <option value="TITAN ELITE">TITAN ELITE</option>
                            <option value="X-SENSE">X-SENSE</option>
                        </select>
                        @error('brandname')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    {{-- <div class="col-6 mb-3">
                        <label for="">Type of Product</label>
                        <input type="text" class="form-control"/>
                        @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div> --}}
                    <div class="col-6 mb-3">
                        <label for="">Type of Product</label>
                    <select class="form-select" name="typeProd" aria-label="Default select example">
                        <option value="none">None</option>
                        <option value="Safe">Safe</option>
                        <option value="Smoke Alarm">Smoke Alarm</option>
                        <option value="Accessories">Accessories</option>
                      </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Category</label>
                    <select class="form-select" name="category" aria-label="Default select example">
                        <option value="none">None</option>
                        @foreach ($brand as $brands)
                        <option value="{{$brands->category}}">{{$brands->category}}</option>
                        @endforeach
                        {{-- <option value="FireSafe/HomeOffice">Fire Safes for Home & Office</option>
                        <option value="CommercialFireSafes">Commercial Fire Safes</option>
                        <option value="FireFilingCabinets">Fire Filing Cabinets</option>
                        <option value="FireChests">Fire Chests</option>
                        <option value="SecuritySafe">Security Safes</option>
                        <option value="SafeBoxes">Safe Boxes</option>
                        <option value="DepositorySafes">Depository Safes</option>
                        <option value="PistolSafes">Pistol Safes</option>
                        <option value="FireDataSafes">Fire Data Safes</option>
                        <option value="Accessories">Accessories</option>
                        <option value="LongGun/ExecutiveSafes">Long Gun/Executive Safes</option>
                        <option value="LuxurySafes">Luxury Safes</option>
                        <option value="ProfessionalSafes">Professional Safes</option>
                        <option value="StandaloneSmokeAlarms">Standalone Smoke Alarms</option>
                        <option value="InterconnectedSmokeAlarms">Interconnected Smoke Alarms</option>
                        <option value="SmartWiFiSmokeAlarms">Smart WiFi Smoke Alarms</option> --}}
                      </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of Smoke Alarm </label>
                        <select class="form-select" name="typeSmoke" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Standalone">Standalone</option>
                            <option value="Interconnected">Interconnected</option>
                            <option value="Smart Wifi">Smart Wifi</option>
                        </select>
                        @error('typeSmoke')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    {{-- <div class="col-6 mb-3">
                        <label for="">Type of Safe </label>
                        <input type="text" class="form-control"/>
                        @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div> --}}

                    <div class="col-6 mb-3">
                        <label for="">Type of Safe</label>
                    <select class="form-select" name="typeSafe" aria-label="Default select example">
                        <option value="none">None</option>
                        <option value="All Purpose">All Purpose</option>
                        <option value="Filing Cabinets">Filing Cabinets</option>
                        <option value="Small Items">Small Items</option>
                        <option value="Depository">Depository</option>
                        <option value="Gun">Gun</option>
                        <option value="Gun & Small Items">Gun & Small Items</option>
                        <option value="Media">Media</option>
                        <option value="All Purpose & Gun">All Purpose & Gun</option>
                    </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of Filing Cabinet </label>
                        <select class="form-select" name="typeFill" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="VerticalFilingCabinet">Vertical Filing Cabinet</option>
                            <option value="LeteralFilingCabinet">Lateral Filing Cabinet</option>
                          </select>
                        {{-- @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror --}}
                    </div>

                    {{-- <div class="col-6 mb-3">
                        <label for="">Type of Filing Cabinet </label>
                        <input type="text" class="form-control"/>
                        @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div> --}}

                    <div class="col-6 mb-3">
                        <label for="">Type of Small Item Safe </label>
                        <select class="form-select" name="typeSmallItem" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Cash Box">Cash Box</option>
                            <option value="Key Box">Key Box</option>
                            <option value="Other">Other</option>
                        </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of Gun Safe </label>
                        <select class="form-select" name="typeGun" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Pistol">Pistol</option>
                            <option value="Long Gun">Long Gun</option>
                            {{-- <option value="Other">Other</option> --}}
                        </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Size </label>
                        <select class="form-select" name="size" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Small">Small</option>
                            <option value="Medium">Medium</option>
                            <option value="Large">Large</option>
                            <option value="XL">XL</option>
                            <option value="2XL">2XL</option>
                            <option value="3XL+">3XL+</option>
                            <option value="2 Drawer">2 Drawer</option>
                            <option value="3 Drawer">3 Drawer</option>
                            <option value="4 Drawer">4 Drawer</option>
                            <option value="Standard">Standard</option>
                            <option value="Mini">Mini</option>
                            <option value="N/A">N/A</option>
                            {{-- <option value="Other">Other</option> --}}
                        </select>
                        {{-- @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror --}}
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Protection </label>
                        <select class="form-select" name="protection" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Security">Security</option>
                            <option value="Fire">Fire</option>
                            <option value="Certified Security + Fire">Certified Security + Fire</option>
                            <option value="Fire + Security">Fire + Security</option>
                            <option value="Fire + Water + Security">Fire + Water + Security</option>
                            {{-- <option value="Other">Other</option> --}}
                        </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of lock </label>
                        <select class="form-select" name="typeLock" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Electronic">Electronic</option>
                            <option value="Key">Key</option>
                            <option value="Dial Combination + Key">Dial Combination + Key</option>
                            <option value="Biometric + Electronic">Biometric + Electronic</option>
                            <option value="Electronic + Key">Electronic + Key</option>
                            <option value="Biometric">Biometric</option>
                            <option value="Dial Combination">Dial Combination</option>
                            {{-- <option value="Other">Other</option> --}}
                        </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Gun Capacity </label>
                        <select class="form-select" name="guncap" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="1 Pistol">1 pistol</option>
                            <option value="2 Pistol">2 pistol</option>
                            <option value="3+ Pistol">3+ pistol</option>
                            <option value="5 Long guns">5 long guns</option>
                            <option value="10 Long guns">10 long guns</option>
                            <option value="14 Long guns">14 long guns</option>
                            <option value="24 Long guns">24 long guns</option>
                            <option value="36 Long guns">36 long guns</option>
                            {{-- <option value="Other">Other</option> --}}
                        </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of Accessory </label>
                        {{-- <input type="text" name="typeAccess" class="form-control"/> --}}
                        <select class="form-select" name="typeAccess" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Battery Pack">Battery Pack</option>
                            <option value="Bolt Down Kit">Bolt Down Kit</option>
                            <option value="Internal Organizer">Internal Organizer</option>
                            <option value="Key Lock Cover">Key Lock Cover</option>
                          </select>
                        @error('typeAccess')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Safe Model </label>
                        {{-- <input type="text" name="safeModel" class="form-control"/> --}}
                        <select class="form-select" name="safeModel" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="0.8/1.2cu.ft. Home Office Organizer">0.8/1.2cu.ft. Home Office Organizer </option>
                            <option value="2cu.ft. Home Office Organizer">2cu.ft. Home Office Organizer </option>
                            <option value="Chest Bolt Down Kit">Chest Bolt Down Kit</option>
                            <option value="Commercial Safe Accessories">Commercial Safe Accessories</option>
                            <option value="Filing Cabinet Accessories">Filing Cabinet Accessories</option>
                            <option value="Home Office Fire Safe Bolt Down Kit">Home Office Fire Safe Bolt Down Kit</option>
                          </select>
                        @error('safeModel')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Bolt Down </label>
                        <select class="form-select" name="boltDown" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Drawer">Drawer</option>
                            <option value="Floor">Floor</option>
                            <option value="Wall">Wall</option>
                            <option value="Wall/Ceiling">Wall/Ceiling</option>
                            <option value="Wall/Floor">Wall/Floor</option>
                          </select>
                        @error('boltDown')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of Batteries </label>
                        <select class="form-select" name="typeBatt" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="10-year sealed Lithium battery">10-year sealed Lithium battery</option>
                            <option value="9v Alkaline Batteries">9v Alkaline Batteries</option>
                            <option value="AA Alkaline Batteries">AA Alkaline Batteries</option>
                            <option value="AAA Alkaline Batteries">AAA Alkaline Batteries</option>
                            <option value="Replaceable 3V CR123A Lithium Battery">Replaceable 3V CR123A Lithium Battery</option>
                            <option value="Replaceable 3V CR2032 Lithium Battery">Replaceable 3V CR2032 Lithium Battery</option>
                          </select>
                        @error('typeBatt')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Connection Type </label>
                        <select class="form-select" name="connType" aria-label="Default select example">
                            <option value="none">None</option>
                            <option value="Remote connection with XS01-WR">Remote connection with XS01-WR</option>
                            <option value="Wi-Fi connected to smartphone app">Wi-Fi connected to smartphone app</option>
                            <option value="Wireless radio frequency connection between up to 24 units">Wireless radio frequency connection between up to 24 units</option>
                          </select>
                        @error('connType')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>


                    {{-- <div class="col-6 mb-3">
                        <label for="">Category </label>
                        <input type="text" name="category" class="form-control"/>
                        @error('model')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div> --}}

                    <div class="col-6 mb-3">
                        <label for="">Product Description </label>
                        <input type="text" name="productDesc" class="form-control"/>
                        @error('productDesc')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Accessories Included </label>
                        <input type="text" name="accessorie" class="form-control"/>
                        @error('accessorie')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <div class="col-6 mb-3">
                        <label for="">Product Waranty </label>
                        <input type="text" name="waranty" class="form-control"/>
                        @error('waranty')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Price </label>
                        <input type="number" name="price" class="form-control"/>
                        @error('price')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Lazada Link </label>
                        <input type="text" name="lazada" class="form-control"/>
                        @error('lazada')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Shopee Link </label>
                        <input type="text" name="shopee" class="form-control"/>
                        @error('shopee')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    
                    <div class="col-6 mb-3">
                        <label for="">Video Thumbnail </label>
                        <input type="text" name="video" class="form-control"/>
                        @error('video')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    
                      <div class="col-6 mb-3">
                        <label for="">Video Image </label>
                        <input type="file" name="videoImg" class="form-control"/>
                        @error('videoImg')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    
                    

                    <div class="col-12 mb-3">
                        <label for="">Features </label>
                        <textarea class="form-control" name="feature" id="description" rows="5"></textarea>
                        @error('feature')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-12 mb-3">
                        <label for="">Description </label>
                        <textarea class="form-control" name="description" id="description1" rows="5"></textarea>
                        @error('description')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Leaflets</label>
                        <input type="file" name="feaflets"  class="form-control"/>
                        @error('feaflets')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    

                    <div class="col-12 text-right">
                        <button type="submit" class="btn btn-success">Create Product</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>



<script>

$('.dropdown-toggle').dropdown();

</script>

<style>
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }
</style>

@endsection