@extends('layouts.seller')

@section('content')
<div class="card">
    <div class="card-header">
      <h4>Add Products</h4>
    </div>
    <div class="form-check">

    @if($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

    <input type="checkbox" class="form-check-input" name="status" id="status">
    <label for="status" class="form-check-label">Publish</label>
</div>
          <form method="POST" action="{{url('insert-sellerproduct')}}" enctype="multipart/form-data">
      @csrf

            <div class="row">
                <div class="col-md-12 mb-3">
                    <select class="form-select border border-dark p-2" name="cate_id">
                        <option value=''>Select a Category</option>
                            @foreach ($category as $item )
                                <option value="{{$item->id}}" required>{{$item->name}}</option>
                            @endforeach
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <label for="">Product Name</label>
                    <input type="text" class="form-control border border-dark p-2" name="name">
                </div>    
               
                <div class="col-md-12 mb-3">
                    <label for="">Small Description</label>
                    <textarea name="small_description"  rows="3" class="form-control border border-dark"></textarea>   
                </div>    
                <div class="col-md-12 mb-3">
                    <label for="">Description</label>
                    <textarea name="description"  rows="3" class="form-control border border-dark"></textarea>   
                </div>    
                 
                <div class="col-md-6 mb-3">
                    <label for="">Price</label>
                    <input type="number"  class="border form-control border-dark p-2" name="price">
                </div>    
                <br>
                <div class="col-md-6 mb-3">
                    <label for="">Quantity</label>
                    <input type="number"  class="border form-control border-dark p-2" name="qty">
</div>
                <!-- <div class="col-md-6 mb-3">
                    <label for="">Status</label>
                    <input type="checkbox"  class="border border-dark p-2" name="status">
                </div>    
                <div class="col-md-6 mb-3">
                    <label for="">Trending</label>
                    <input type="checkbox"  class="border border-dark p-2" name="trending">
                </div>     -->
             
                <div class="col-md-12 mb-3">
                    <input type="file" name="images[]" class="form-control border border-dark p-2" multiple>
                </div>    
                <div class="col-md-12 mb-3">
                   <button type="submit" class="btn btn-primary">Submit</button>
                </div>    
            </div>    
        </form>
    </div>
  </div>
@endsection