@extends('layouts.admin')

@section('content')
<section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Add Coupon</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Add Coupon</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
        <div class="col-md-2"></div>
          <!-- left column -->
          <div class="col-md-8">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Add Coupon</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form  method="post" action="{{route('admin.coupons.store')}}" >
                @csrf
                <div class="card-body">
                  <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" class="form-control" name="name"  placeholder="Enter Name">
                    @error('name') <span class="text-danger">{{ $message }}</span>@enderror
                  </div>
                  <div class="form-group">
                  <label for="photo">Type</label>
                           <select name="type" class="form-control type_fields" onchange="showfield()">
                            <option value="">Select</option>
                            <option value="Amount">Amount</option>
                            <option value="Percentage">Percentage</option>
                           </select>
                            @error('type') <span class="text-danger">{{ $message }}</span>@enderror
                  </div>
                  <div class="form-group amount_field">
                  <label for="hrly_min_hour">Amount</label>
                            <input type="number" class="form-control" name="amount" id="address" placeholder="Amount">
                            @error('amount') <span class="text-danger">{{ $message }}</span>@enderror
                  </div>
                  <div class="form-group  percentage_field"  style="display: none;">
                  <label for="hrly_min_hour">Percentage</label>
                            <input type="number" class="form-control" name="percentage" id="address" placeholder="Percentage">
                            @error('percentage') <span class="text-danger">{{ $message }}</span>@enderror
                  </div>
                  <div class="form-group">
                  <label for="hrly_min_hour">Description</label>
                  <textarea class="form-control" name="description"></textarea>
                            
                  </div>
               
                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </form>
            </div>
            <!-- /.card -->

           
         
           
          </div>
          <div class="col-md-2"></div>
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
@endsection
@section('scripts')
<script>
    function showfield()
    {
        var type = $('.type_fields').val();
        if(type == "Percentage"){
            $('.percentage_field').show();
            $('.amount_field').hide();
        }else{
            $('.percentage_field').hide();
            $('.amount_field').show();
        }
    }
</script>
@endsection