@extends('layouts.admin')

@section('content')

<section class="section">
      <div class="row">
        <div class="col-lg-12">


          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Coupon</h5>

              <!-- Multi Columns Form -->
              <form method="POST" action="{{ route('admin.coupon.store') }}" class="row g-3" enctype="multipart/form-data">
                @csrf
                <div class="col-md-4">
                  <label for="name" class="form-label"> Name</label>
                  <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required>
                </div>
                
                 <div class="col-md-4">
                  <label for="code" class="form-label"> Code</label>
                  <input id="code" type="text" class="form-control @error('code') is-invalid @enderror" name="code" value="{{ old('code') }}" required>
                </div>
                  <div class="col-md-4">
                  <label for="discount" class="form-label"> Discount</label>
                  <input id="discount" type="number" class="form-control @error('discount') is-invalid @enderror" name="discount" value="{{ old('discount') }}" required>
                </div>
                
                 <div class="col-md-4">
                  <label for="category_id" class="form-label"> Category</label>
                   <select id="category_id" class="form-select" name="category_id">
                   
                   @if(!empty($category))
                   
                   <option value="">Select Category</option>
                   @foreach($category as $cat)
                     <option value="{{$cat->id}}"> {{$cat->name}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                
                 <div class="col-md-4">
                  <label for="image" class="form-label"> Image</label>
                  <input id="image" type="file" class="form-control " name="image" value="" >
                </div>
                
                 <div class="col-md-4">
                  <label for="description" class="form-label"> Description</label>
                  <textarea name="description" class="form-control" ></textarea>
                </div>
                 
               
                
                <div class="text-center">
                  <button type="submit" class="btn btn-primary">Submit</button>
                 
                </div>
              </form><!-- End Multi Columns Form -->

            </div>
          </div>

        </div>

      
        </div>
      </div>
    </section>
   
@endsection