@extends('backend.layouts.app')

@section('content')


<div class="p-3">
    <div class="card">
        <div class="card-header fw-bold">
            Featured Brand
        </div>
        <div class="card-body">
            <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="" alt="">
                       <p></p>
                       <div class="col-12 mb-3">
                        <label>Mark as Featured?</label> &emsp;
                        <input type="radio" name="featured" id="featured_yes" value="Yes" @if(old('featured') == 'Yes') required @endif>
                        <label for="featured_yes">Yes</label>
                        &emsp;
                        <input type="radio" name="featured" id="featured_no" value="No" @if(old('featured') == 'No' || !old('featured')) required checked @endif>
                        <label for="featured_no">No</label>
                        
                    
                        @error('featured')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                        </div>
                        <button type="button" class="btn btn-success">Update</button>
                    </div>
                  </div>
               
                </div>
              </div>
           
        </div>
    </div>


    <div class="card">
        <div class="card-header fw-bold">
            Featured Brand
        </div>
        <div class="card-body">
            <div class="text-center">
                <div class="row row-cols-2 row-cols-lg-5 g-2 g-lg-3">
                @foreach($data as $products)
                  <div class="col">
                    <div class="p-3 border bg-light">
                       <img src="{{ asset('uploads/product/' . $products->thumbnail_image)}}" alt="" class="img-fluid">
                       
                       <p>{{$products->model}}</p>
                       <div class="col-12 mb-3">
                        <label>Mark as Featured?</label> &emsp;
                        <input type="radio" name="featured" id="featured_yes" value="Yes" @if(old('featured') == 'Yes') required @endif>
                        <label for="featured_yes">Yes</label>
                        &emsp;
                        <input type="radio" name="featured" id="featured_no" value="No" @if(old('featured') == 'No' || !old('featured')) required checked @endif>
                        <label for="featured_no">No</label>
                        
                    
                        @error('featured')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                        </div>
                        <button type="button" class="btn btn-success">Update</button>
                    </div>
                  </div>
                @endforeach
                  {{-- <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div>
                  <div class="col">
                    <div class="p-3 border bg-light">Row column</div>
                  </div> --}}
                </div>
              </div>
           
        </div>
    </div>
</div>



@endsection