@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-header fw-bold">
            Edit Products
        </div>
        <div class="card-body">
            <form action="{{ url('admin/products/' . $product->id) }}" method="POST" enctype="multipart/form-data">@csrf @method('PUT')
                <div class="row">
                    <div class="col-6 mb-3">
                        <label for="">Product ID </label>
                        <input type="text" name="prodId" class="form-control" value={{$product->prodId}} readonly/>
                        @error('model')
                            <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" required name="model" value="{{$product->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
                         <img src="{{ asset('uploads/product/' . $product->thumbnail_image)}}" height="100" alt="">
                    </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
                        @php
                            $images = json_decode($product->productImage) ?? [];
                        @endphp
                        @foreach ($images as $key => $productImage)
                        <img src="{{ asset('uploads/product/' . $productImage)}}" height="100" alt="">
                        @endforeach
                    </div>

                    

                    <div class="col-6 mb-3">
                        <label for="">Brand </label>
                        <select class="form-select" aria-label="Default select example" name="brandname">
                            <option value="{{$product->brandname}}">{{$product->brandname}}</option>
                            <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="{{$product->typeProd}}">{{$product->typeProd}}</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 selected>{{$product->category}}</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>
                        @error('category')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>



                    <div class="col-6 mb-3">
                        <label for="">Type of Smoke Alarm </label>
                        {{-- <input type="text" name="typeSmoke" class="form-control" value="{{$product->typeSmoke}}" /> --}}
                        <select class="form-select" name="typeSmoke" aria-label="Default select example" >
                            <option value="{{$product->typeSmoke}}">{{$product->typeSmoke}}</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>
                        <select class="form-select" name="typeSafe" aria-label="Default select example" >
                        <option selected value="{{$product->typeSafe}}">{{$product->typeSafe}}</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>
                        @php
                            if($product->typeFill === "VerticalFilingCabinet"){
                                $type = "Vertical Filing Cabinet";
                            }
                            else{
                                $type = "Lateral Filing Caninet";
                            }
                        @endphp
                        <select class="form-select" name="typeFill" aria-label="Default select example">
                            @if ($product->typeFill === null || $product->typeFill === "none")
                                <option selected hidden disabled>Select Type of Filing Cabinet</option>
                                <option value="VerticalFilingCabinet">Vertical Filing Cabinet</option>
                                <option value="LateralFilingCabinet">Lateral Filing Cabinet</option>
                            @else
                                <option selected value="{{$product->typeFill}}">{{$type}}</option>
                                <option value="VerticalFilingCabinet">Vertical Filing Cabinet</option>
                                <option value="LateralFilingCabinet">Lateral Filing Cabinet</option>
                            @endif
                          </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 selected value="{{$product->typeSmallItem}}">{{$product->typeSmallItem}}</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>
                        @php
                            if($product->typeGun === "Long Gun"){
                                $type = "Long Gun";
                            }
                            else{
                                $type = "Pistol";
                            }
                        @endphp
                        <select class="form-select" name="typeGun" aria-label="Default select example" >
                            @if ($product->typeGun == 'none' || $product->typeGun == null)
                                <option selected hidden disabled>Select Type of Gun Safe</option>
                                <option value="Pistol">Pistol</option>
                                <option value="Long Gun">Long Gun</option>
                            @else
                                <option selected value="{{$product->typeGun}}">{{$type}}</option>
                                <option value="Pistol">Pistol</option>
                                <option value="Long Gun">Long Gun</option>
                            @endif
                            {{-- <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 selected value="{{$product->size}}">{{$product->size}}</option>
                            <option value="Standard">Standard</option>
                            <option value="Mini">Mini</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="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 selected value="{{$product->protection}}">{{$product->protection}}</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 selected value="{{$product->typeLock}}">{{$product->typeLock}}</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>
                        </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 selected value="{{$product->guncap}}">{{$product->guncap}}</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>
                        </select>
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Type of Accessory </label>
                        {{-- <input type="text" name="typeAccess" class="form-control" value="{{$product->typeAccess}}" /> --}}
                        <select class="form-select" name="typeAccess" aria-label="Default select example">
                            <option selected value="{{$product->typeAccess}}">{{$product->typeAccess}}</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('model')
                            <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" value="{{$product->safeModel}}" /> --}}
                        <select class="form-select" name="safeModel" aria-label="Default select example" >
                            <option selected value="{{$product->safeModel}}">{{$product->safeModel}}</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('model')
                            <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="{{$product->boltDown}}">{{$product->boltDown}}</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="{{$product->typeBatt}}">{{$product->typeBatt}}</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="{{$product->connType}}">{{$product->connType}}</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="">Product Description </label>
                        <input type="text" name="productDesc" class="form-control" value="{{$product->productDesc}}" />
                        @error('model')
                            <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" value="{{$product->accessorie}}" />
                        @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" value="{{$product->waranty}}" />
                        @error('productDesc')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="col-6 mb-3">
                        <label for="">Price </label>
                        <input type="text" name="price" class="form-control" value="{{$product->price}}" />
                        @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" value="{{$product->lazada}}" />
                        @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" value="{{$product->shopee}}" />
                        @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" value="{{$product->video}}"/>
                        @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
                        <img src="{{ asset('uploads/product/' . $product->videoImg)}}" height="100" alt="">
                    </div>

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

                    <div class="col-6 mb-3">
                        <div>
                            <label for="">Leaflets</label>
                            <input type="file" name="feaflets"  class="form-control"/>
                            @error('feaflets')
                                <span class="text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div>
                            <a href="{{ asset('uploads/product/' . $product->feaflets) }}" target="_blank">
                                View Leaflets here
                            </a>
                        </div>
                    </div>

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



<script>

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

</script>

<style>


</style>

@endsection