@extends('layouts.admin.app')
@section('content')
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script> 
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<style type="text/css">
   .form-control {
   background: none;
   border: 1px solid #d2d6da;
   border-radius: 0.375rem;
   border-top-left-radius: 0.375rem !important;
   border-bottom-left-radius: 0.375rem !important;
   padding: 0.625rem 0.75rem !important;
   line-height: 1.3 !important;
   }
   .form-control:focus {
   color: #495057;
   background-color: transparent;
   border-color: #d2d6da;
   outline: 0;
   box-shadow: none;
   }
   .form-fill {
   margin-top: 10px;
   }
   input.option1 {
   margin-left: 20px;
   }
   span.certificate-option {
   margin-left: 6px;
   }
   .ps-relative {
   position: relative;
   }
   a.extra-fields-customer {
   position: absolute;
   right: 0;
   top: 36px;
   }
   .learning {
   width: 92%;
   }
   .remove{
   	position: relative;
   	margin-top: 11px;
   }
   a.remove-field.btn-remove-customer {
    position: absolute;
    right: 0;
    top: 10px;
    /* margin-top: 5px; */
}
   .customer_records_dynamic {
   margin-top: 12px;
   }
   i.fa.fa-times-circle {
   position: relative;
   top: -11px;
   }
   .customer_records_dynamic1 {
   margin-top: 12px;
   }
   .customer_records_dynamic2 {
   margin-top: 12px;
   }
   a.extra-fields-customer1 {
   position: absolute;
   right: 0;
   top: 39px;
   }

   a.extra-fields-customer2 {
   position: absolute;
   right: 0;
   top: 40px;
   }
   span.select2-selection.select2-selection{
   min-height: 42px;
   overflow: auto;
   position: relative;
   border: 1px solid #d2d6da;

   }
   .select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: #1772b4;
   color: #fff;
   border: 1px solid #1772b4;
   }
   button.select2-selection__choice__remove {
   color: #fff!important;
   }
   .select2-selection__choice__remove:hover{
   color: #333!important;
   }
</style>
<div class="container-fluid py-4">
   <div class="row">
      <div class="col-12">
         <div class="card my-4">
            <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
               <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
                  <h6 class="text-white text-capitalize ps-3">Course Add
                     <i class="material-icons ms-auto text-white cursor-pointer catModal" data-type="Add" style="float: right; margin: 0 25px;" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Add Category">add</i>
                  </h6>
               </div>
            </div>
            <div class="card-body px-0 pb-2 mx-3 mb-5">
               <form action="{{route('admin.grab-offer.store')}}" method="post" enctype="multipart/form-data">
                  @csrf
                  <div class="row" style="margin-bottom:40px">
                     <h4> Add Course</h4>
                     @if(Session::has('success'))
                        <div class="alert alert-success text-white">
                              {{ Session::get('success') }}
                        </div>
                     @endif
                     @if(Session::has('error'))
                     <div class="alert alert-danger text-white">
                        {{ Session::get('error') }}
                     </div>
                     @endif
                     <div class="col-md-6 form-fill">
                        <div class="form-group">
                           <label for="offerpercentage">Offer Percentage:</label>
                           <input name="offerpercentage" class="form-control" type="text" id="offerpercentage" value="@if(isset($offerId) && $offerId!=''){{$offerData->offer_percentage}}@endif">
                           @if ($errors->has('offerpercentage')) <span class="text-danger">{{ $errors->first('offerpercentage') }}</span> @endif
                        </div>
                     </div>
                     <input type="hidden" name="update_id" id="update_id" value="@if(isset($offerId) && $offerId!=''){{$offerId}}@endif">
                     <div class="col-md-6 form-fill">
                        <div class="form-group">
                           <label for="offertime">Offer Time:</label> 
                           <input name="offertime" class="form-control" type="datetime-local" id="offertime" value="@if(isset($offerId) && $offerId!=''){{$offerData->offer_time}}@endif">
                           @if ($errors->has('offertime')) <span class="text-danger">{{ $errors->first('offertime') }}</span> @endif
                        </div>
                     </div>
                      <div class="col-md-6 form-fill">
                        <div class="form-group">
                           <label for="">Status</label>
                           <select class="form-control" name="status">
                           <option value="" >--Select Status--</option>
                           <option value="0" >Inactive</option>
                           <option value="1" >Active</option>
                             
                           </select>
                           @if ($errors->has('status')) <span class="text-danger">{{ $errors->first('status') }}</span> @endif
                        </div>
                     </div>
                  </div>
                  
                  </div>
                  <div class="row">
                     <div class="col-12 text-center">
                        @if(isset($offerId) && $offerId!='')
                        <input class="btn mb-0 btn-primary" value="Update" type="submit">
                        @else
                        <input class="btn mb-0 btn-primary" value="Submit" type="submit">
                        @endif
                     </div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
   
   @include('layouts.admin.footer')
</div>
@endsection