@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>Add new</h1>
    </div>
  </div>
@endsection

@section('content')

  @livewire('dashboard.payment-plan.payment-plan', ['features' => $features, 'plans' => $plans])
  {{-- <div class="row">
    <div class="col-md-12">
      <div class="card card-primary">
        <form action="{{ route('payment_plan_store') }}" 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="Name" value="{{ old('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 Shortcut" value="{{ old('nameShortcut') }}">
                </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" value="{{ old('price') }}" placeholder="Price per month">
                </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" value="{{ old('yearly_price') }}" placeholder=" Price per year">
                </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') }}" 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') }}" 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') }}" 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">Montly</option>
                      <option value="12">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" >
                      <option value="1" @if(old('can_have_discount') == 1)selected @endif>Yes</option>
                      <option value="0" @if(old('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" >
                      <option value="1" @if(old('can_upgrate') == 1)selected @endif>Yes</option>
                      <option value="0" @if(old('can_upgrate') == 0)selected @endif>No</option>
                    </select>
                  </div>          
                </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/admin-panel/select2.js') }}"></script> --}}
  <script>
    $(document).ready(function(){
      $('option').mousedown(function(e) {
          e.preventDefault();
          $(this).prop('selected', !$(this).prop('selected'));
          return false;
      });
    })
  </script>
  
@endpush