@extends('layouts/contentNavbarLayout')

@section('title', 'Discount-Offer')

@section('content')
<h4 class="py-3 mb-4"><span class="text-muted fw-light">Home /</span> Discount-Offer Create</h4>
<!-- Basic Layout & Basic with Icons -->
<div class="row">
  <!-- Basic Layout -->
  <div class="col-xxl">
    <div class="card mb-4">
      <div class="d-flex justify-content-between align-items-center flex-wrap mt-2 mb-1">
        <h5 class="mx-3 my-2">Discount-Offer</h5>
        <div class="mx-3">
          <a class="fw-medium btn btn-warning" href="/discount-offers">
            Back </a>
        </div>
      </div>

      @isset($discountoffer)
        {!! Form::model($discountoffer, ['route' => ['discount-offers.update', Crypt::encrypt($discountoffer->id)], 'method' => 'put', 'class' => 'p-4 progress-form', 'id' => 'progress-form', 'files' => true]) !!}
      @else
        {!! Form::open(['url' => '/discount-offers', 'class' => 'p-4 progress-form', 'id' => 'progress-form', 'lang' => 'en', 'files' => true]) !!}
      @endisset

        <div class="col-md">
          <div class="card mb-4">
              <h5 class="card-header">Offer Details</h5>
              <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        {!! Form::label('name', 'Offer Name', ['class' => 'form-label', 'for' => 'name']) !!}
                        {!! Form::text('name', @$discountoffer->name, ['class' => 'form-control', 'id' => 'name', 'placeholder' => 'Offer Name']) !!}
                    </div>

                    <div class="col-sm-6">
                        {!! Form::label('offer_id', 'Offer ID', ['class' => 'form-label', 'for' => 'offer_id']) !!}
                        {!! Form::text('offer_id', $offer_id, ['class' => 'form-control', 'id' => 'offer_id', 'placeholder' => 'Offer ID', 'readonly']) !!}
                    </div>

                    <div class="col-sm-12">
                        {!! Form::label('description', 'Description', ['class' => 'form-label', 'for' => 'plan_description']) !!}
                        {!! Form::textarea('description', @$discountoffer->description, ['class' => 'form-control', 'id' => 'plan_description']) !!}
                    </div>
                </div>
              </div>
          </div>
        </div>


        <div class="col-md">
          <div class="card mb-4">
              <h5 class="card-header">Discount Parameters</h5>
              <div class="card-body">
                <div class="row">
                    <div class="col-sm-12">
                        {!! Form::label('discount_type', 'Discount Type', ['class' => 'form-label']) !!}
                        {!! Form::select('discount_type', ['' => 'Select type', 'percentage' => 'Percentage', 'fixed_amount' => 'Fixed Amount'], @$discountoffer->discount_type, ['class' => 'form-select form-select-lg', 'id' => 'discount_type', 'required']) !!}
                    </div>

                    <div class="col-sm-6">
                        {!! Form::label('discount_value', 'Discount Value', ['class' => 'form-label']) !!}
                        {!! Form::number('discount_value', @$discountoffer->discount_value, ['class' => 'form-control', 'id' => 'discount_value', 'placeholder' => '10.99', 'step' => '.01']) !!}
                    </div>

                    <div class="col-sm-6">
                        {!! Form::label('plans', 'Applicable Plans', ['class' => 'form-label']) !!}
                        {!! Form::select('plans[]', $plans, @$selected_plans, ['class' => 'form-select form-select-lg', 'multiple' => true, 'id' => 'applicable_plans']) !!}
                    </div>
                </div>
              </div>
          </div>
        </div>


        <div class="col-md">
          <div class="card mb-4">
              <h5 class="card-header">Validity Period</h5>
              <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        {!! Form::label('start_date', 'Start Date', ['class' => 'form-label']) !!}
                        {!! Form::date('start_date', @$discountoffer->start_date, ['class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        {!! Form::label('end_date', 'End Date', ['class' => 'form-label']) !!}
                        {!! Form::date('end_date', @$discountoffer->end_date, ['class' => 'form-control']) !!}
                    </div>
                </div>
              </div>
          </div>
        </div>


        <div class="col-md">
          <div class="card mb-4">
              <h5 class="card-header">Activation</h5>
              <div class="card-body">
                  <div class="row">
                      <div class="form-check form-switch mb-2">
                          {!! Form::label('status', 'Status', ['class' => 'form-check-label', 'for' => 'status']) !!}
                          {!! Form::checkbox('status', 1, @$discountoffer->status, ['class' => 'form-check-input', 'id' => 'status']) !!}
                      </div>
                  </div>
              </div>
          </div>
        </div>


        <div class="d-flex justify-center sm:justify-end mt-4 sm:mt-5 float-end">

          <!-- Assuming you want to clear the form with JavaScript -->
          <button type="button" class="fw-medium btn btn-warning" style="margin-right: 10px" onclick="clearForm()">Clear</button>

          <!-- This button is for submitting the form -->
          {!! Form::button('Submit', ['type' => 'submit', 'class' => 'btn btn-primary']) !!}

        </div>

      {!! Form::close() !!}
    </div>
  </div>
</div>
@endsection