@extends('adminlte::page')
@section('css')
  <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
@endsection
@section('title', 'Reef | Payment Plan')

@section('content_header')
  <div class="row">
    <div class="col-md-6">
      <h1>Edit payment plan</h1>
    </div>
  </div>
@endsection

@section('content')
  @livewire('dashboard.payment-plan.payment-plan', ['features' => $features, 'plans' => $paymentPlan, 'featureIdsInUse' => $featureIdsInUse])
  {{-- <div class="row">
    <div class="col-md-12">
      <div class="card card-primary">
        <form action="{{ route('payment_plan_update', ['id' => $paymentPlan->id]) }}" method="POST">
          {{ csrf_field() }}
      
          <div class="card-body">
            <div class="row">
              <div class="col-6">
                <div class="form-group">
                  <label for="name">Name</label>
                  <input type="text" class="form-control" id="name" name="name" placeholder="Enter Name" value="{{ old('name') ?: $paymentPlan->name }}" required>
                </div>
                <div class="form-group">
                  <label for="name-shortcut">Shortcut</label>
                  <input type="text" class="form-control" id="name-shortcut" name="nameShortcut" placeholder="Enter  " value="{{ old('nameShortcut') ?: $paymentPlan->slug ?? '' }}">
                </div>
                <div class="form-group">
                  <label for="price">Price per month</label>
                  <input type="number" class="form-control" id="price" name="price" step="0.01" min="0" placeholder="Enter Price per month" value="{{ old('price') ?: $paymentPlan->price }}" >
                </div>
                
                <div class="form-group">
                  <label for="yearly_price">Price per year</label>
                  <input type="number" class="form-control" id="yearly_price" name="yearly_price" step="0.01" min="0" placeholder="Enter Price per year" value="{{ old('yearly_price') ?: $paymentPlan->yearly_price }}" >
                </div>
            
                <div class="form-group">
                  <label for="yearly_price">Free period</label>
                  <input type="number" class="form-control" id="free_time" name="free_time" min="0" value="{{ old('free_time')?: $paymentPlan->free_time }}" placeholder="1">
                </div>
              </div>
              <div class="col-6 pb-5">
                <div class="form-group">
                  <label for="yearly_price">Vat %</label>
                  <input type="number" class="form-control" id="vat" name="vat" min="0" value="{{ old('vat')?: $paymentPlan->vat }}" placeholder="Vat %">
                </div>
                <div class="form-group">
                  <label for="description">Description</label>
                  <input type="text" class="form-control" id="description" name="description" placeholder="Enter Description" value="{{ old('description') ?: $paymentPlan->description }}" required>
                </div>
                
               
               
                <div class="form-group">
                  <div class="form-group">
                    <label for="duration">Duration</label>
                    <select class="form-control" name="duration" id="duration" required>
                      <option value="1" @if($paymentPlan->month_annual == 1) selected @endif>Montly</option>
                      <option value="12" @if($paymentPlan->month_annual == 12) selected @endif>Yearly</option>
                    </select>
                  </div>
                 
                </div>
                <div class="form-group">
                  <div class="form-group">
                    <label for="can_have_discount">Can have discount</label>
                    <select class="form-control" name="can_have_discount" id="can_have_discount" required>
                      <option value="1" @if($paymentPlan->can_have_discount == 1)selected @endif>Yes</option>
                      <option value="0" @if($paymentPlan->can_have_discount == 0)selected @endif>No</option>
                    </select>
                  </div>          
                </div>
                <div class="form-group">
                  <div class="form-group">
                    <label for="can_upgrate">Can Upgrade</label>
                    <select class="form-control" name="can_upgrate" id="can_upgrate" required>
                      <option value="1" @if($paymentPlan->can_upgrate == 1)selected @endif>Yes</option>
                      <option value="0" @if($paymentPlan->can_upgrate == 0)selected @endif>No</option>
                    </select>
                  </div>          
                </div>
              </div>
              {{-- <div class="col-6 pb-5">
                <div class="form-group h-100">
                  <label for="features">{{ trans_choice('cms/features.title', 2) }}</label>
                  <select id="features" name="features[]" class="form-control h-100" multiple required>
                     @foreach($allFeatures as $feature)
                      <option value="{{ $feature->id }}" {{ in_array($feature->id, $featureIdsInUse) ? 'selected' : '' }}>
                        {{ $feature->name }}
                      </option>
                    @endforeach 
                  </select>
                </div>
              </div> --}}
           {{-- </div>
            <div class="card-footer">
              <button type="submit" class="btn btn-primary float-right">Save</button>
              <a href="{{ route('payment_plan_index') }}"
                 class="btn btn-default float-right mr-1">Cancel</a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div> --}}
@endsection

@push('scripts')
 {{--  <script src="{{ mix('/js/common/select2.js') }}"></script> --}}
 <script>
  $(document).ready(function(){
    $('option').mousedown(function(e) {
        e.preventDefault();
        $(this).prop('selected', !$(this).prop('selected'));
        return false;
    });
  })
</script>
@endpush