@extends('layouts/contentNavbarLayout')

@section('title', 'Subscription Create')

@section('content')
<h4 class="py-3 mb-4"><span class="text-muted fw-light">Home /</span> Subscription 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="m-0 me-2"></h5>
        <div class="mx-3">
          <a class="fw-medium btn btn-warning" href="/subscription-plans">
            Back </a>
        </div>
      </div>

      @isset($subscription)
        {!! Form::model($subscription, ['route' => ['subscription-plans.update', Crypt::encrypt($subscription->id)], 'method' => 'put', 'class' => 'p-4 progress-form', 'id' => 'progress-form', 'files' => true]) !!}
      @else
        {!! Form::open(['url' => '/subscription-plans', '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">Plan Details</h5>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-6">
                            {!! Form::label('name', 'Plan Name', ['class' => 'form-label']) !!}
                            {!! Form::text('name', @$subscription->name, ['class' => 'form-control', 'placeholder' => 'Plan name', 'id' => 'plan_name']) !!}
                        </div>

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

                        <div class="col-sm-12">
                            {!! Form::label('description', 'Description', ['class' => 'form-label']) !!}
                            {!! Form::textarea('description', @$subscription->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">Pricing Information</h5>
              <div class="card-body">
                <div class="row">
                  <div class="col-sm-4">
                      {!! Form::label('price', 'Price', ['class' => 'form-label']) !!}
                      {!! Form::number('price', @$subscription->price, ['class' => 'form-control', 'id' => 'price', 'placeholder' => '99.99', 'step' => '.01']) !!}
                  </div>

                  <div class="col-sm-4">
                      {!! Form::label('duration', 'Duration', ['class' => 'form-label']) !!}
                      {!! Form::select('duration', ['' => 'Select duration', 'month' => 'Monthly','year' => 'Annually'], @$subscription->duration, ['class' => 'form-select form-select-lg', 'id' => 'duration']) !!}
                  </div>
                </div>

              </div>
            </div>

          <div class="col-md">
            <div class="card mb-4">
              <h5 class="card-header">Plan Features</h5>
              <div class="card-body">
                <div class="row">

                  <div class="col-sm-4">
                    {!! Form::label('spots', 'Included Spots Count', ['class' => 'form-label']) !!}
                    {!! Form::select('spots',
                      [1 => '1 Parking spot',
                      2 => '2 Parking spot',
                      3 => '3 Parking spot',
                      4 => '4 Parking spot',
                      5 => '5 Parking spot',
                      6 => '6 Parking spot',
                      7 => '7 Parking spot',
                      8 => '8 Parking spot',
                      9 => '9 Parking spot',
                      10 => '10 Parking spot',
                        ], @$subscription->spots,

                      ['id' => 'largeSelect', 'class' => 'form-select form-select-lg']) !!}
                  </div>
                  {{-- <div class="col-sm-6">
                    <div class="form-check form-switch mt-4">
                        {!! Form::label('guest_parking_privileges', 'Guest Parking Privileges', ['class' => 'form-check-label']) !!}
                        {!! Form::checkbox('guest_parking_privileges', 1, @$user->guest_parking_privileges, ['class' => 'form-check-input', 'id' => 'guest_parking_privileges']) !!}
                    </div>
                  </div> --}}
                </div>
              </div>
            </div>
          </div>

          <div class="col-md">
            <div class="card mb-4">
              <h5 class="card-header">Plan Availability</h5>
              <div class="card-body">
                <div class="row">
                  <div class="col-sm-6">
                    <div class="form-check form-switch mb-2">
                        {!! Form::label('status', 'Active Subscription', ['class' => 'form-check-label']) !!}
                        {!! Form::checkbox('status', 1, @$user->status, ['class' => 'form-check-input', 'id' => 'status']) !!}
                    </div>
                  </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