@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-header fw-bold">
            Featured Product
        </div>
        <div class="card-body">
            <img src="{{ asset('uploads/product/' . $data->thumbnail_image)}}" alt="" class="w-25">
            <div class="mb-3">
                <label for="formGroupExampleInput" class="form-label">Model</label>
                - {{$data->model}}<br>
                <label for="formGroupExampleInput" class="form-label">Featured</label>
                - {{$data->feat}}<br>
                <label for="formGroupExampleInput" class="form-label">Back In Stock</label>
                -  {{$data->backStock}}<br>
                <label for="formGroupExampleInput" class="form-label">Sale</label>
                -  {{$data->sellPrice}}<br>
            </div>
            <form id="priceForm" method="POST" action="{{url('admin/featured-product/'. $data->id)}}">@csrf @method('put')

            <div class="mb-3">

                <div class="mb-3 p-2 border rounded bg-light">
                    <p>Sale Price</p>
                    <label for="exampleFormControlInput1" class="form-label">Old Price</label>
                    <input type="text" class="form-control" id="oldPrice" name="price" value={{$data->price}} placeholder="">
                    <label for="exampleFormControlInput1" class="form-label">Selling Price</label>
                    <input type="text" class="form-control" id="sellingPrice" name="sellPrice" placeholder="" @if (isset($data->sellPrice)) value="{{$data->sellPrice}} @endIf">
                </div>

                  
                <div class="row gx-5 text-center">
                    <div class="col-2">
                     <div class="p-3 border bg-light rounded">
                        <p>Featured Product</p>
                            <div class="p-2">
                                {{-- <input class="form-check-input" type="radio" name="feat" value="yes" id="feature_prod"> --}}
                                <input class="form-check-input" type="radio" name="feat" id="feature_prod1" value="yes" @if ($data->feat == 'yes') checked @endif>
                                <label class="form-check-label radio-label" for="feature_prod">
                                    yes
                                </label>
                                {{-- <input class="form-check-input" type="radio" name="feat" value="no" id="flexRadioDefault2"> --}}
                                <input class="form-check-input" type="radio" name="feat" id="feature_prod1" value="no" @if ($data->feat == 'no') checked @endif>
                                <label class="form-check-label radio-label" for="flexRadioDefault2">    
                                    no
                                </label>
                            </div>
                     </div>
                    </div>
                    <div class="col-2">
                      <div class="p-3 border bg-light rounded">
                        <p>Back In Stock</p>
                            <div class="p-2">
                                {{-- <input class="form-check-input" type="radio" name="backStock" value="yes" id="backStocks"> --}}
                                <input class="form-check-input" type="radio" name="backStock" id="feature_prod2" value="yes" @if ($data->backStock == 'yes') checked @endif>
                                <label class="form-check-label radio-label" for="flexRadioDefault1">
                                    yes
                                </label>
                                {{-- <input class="form-check-input" type="radio" name="backStock" value="no" id="backStocks"> --}}
                                <input class="form-check-input" type="radio" name="backStock" id="feature_prod2" value="no" @if ($data->backStock == 'no') checked @endif>
                                <label class="form-check-label radio-label" for="flexRadioDefault2">    
                                    no
                                </label>
                            </div>
                      </div>
                    </div>
                    <div class="col-2">
                        <div class="p-3 border bg-light rounded">
                          <p>Special Offer</p>
                              <div class="p-2">
                                  {{-- <input class="form-check-input" type="radio" name="specialOffer" value="yes" id="flexRadioDefault1"> --}}
                                  <input class="form-check-input" type="radio" name="specialOffer" id="feature_prod2" value="yes" @if ($data->specialOffer == 'yes') checked @endif>
                                  <label class="form-check-label radio-label" for="flexRadioDefault1">
                                      yes
                                  </label>
                                  {{-- <input class="form-check-input" type="radio" name="specialOffer" value="no" id="flexRadioDefault2"> --}}
                                  <input class="form-check-input" type="radio" name="specialOffer" id="feature_prod2" value="no" @if ($data->specialOffer == 'no') checked @endif>
                                  <label class="form-check-label radio-label" for="flexRadioDefault2">    
                                      no
                                  </label>
                              </div>
                        </div>
                      </div>
                </div>
            </div>
            <button type="submit" class="btn btn-success">Update</button>
            </form>
            {{-- <div class="text-center">
                <div class="row row-cols-2 row-cols-lg-5 g-2 g-lg-3">
                  <div class="col">
                    <div class="p-3 border bg-light">
                       <img src="{{ asset('uploads/product/' . $data->thumbnail_image)}}" alt="" class="img-fluid">
                       <p>Model: {{$data->model}}</p>
                        
                    </div>
                  </div>
                </div>
              </div> --}}
           
        </div>
    </div>
</div>



<style>
    .radio-label {
        margin-right: 20px; /* Adjust the margin value as needed */
    }
</style>

<script>
    document.getElementById('priceForm').addEventListener('submit', function(event) {
        event.preventDefault(); // Prevent the form from submitting by default

        // Get the values of old price and selling price
        var oldPrice = parseFloat(document.getElementById('oldPrice').value);
        var sellingPrice = parseFloat(document.getElementById('sellingPrice').value);

        // Check if the old price is less than the selling price
        if (oldPrice < sellingPrice) {
            // If the validation fails, show an error message
            alert('Old price cannot be less than the selling price');
        } else {
            // If the validation passes, submit the form
            this.submit();
        }
    });
</script>


@endsection