@extends('layouts.layout-admin')

@section('content')

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

  @if(isset($schedule->id))
  <div class="row box-body" ng-controller="scheduleCtrl">
    <form method="post" action="{{ route('schedule.update', ['id' => $schedule->id]) }}" enctype="multipart/form-data" name="formSchedule">
      <input name="_method" type="hidden" value="PATCH">
  @endif
  @if(!isset($schedule->id))
  <div class="row box-body" ng-controller="scheduleCtrl">
    <form method="post" action="{{ route('schedule.store') }}" enctype="multipart/form-data" name="formSchedule">
  @endif
  
    <div class="form-group">
      <label for="course_id">Course <span class="text-danger">*</span>:</label>
      <select class="form-control" id="course_id" name="course_id" required>
        <option value="">-Please select-</option>
        @foreach ($courses as $course)
          <option value="{{ $course->id }}" {{ (isset($schedule->course_id) && ($schedule->course_id == $course->id)) ? 'selected' : '' }}>{{ $course->title }}</option>
        @endforeach
      </select>
      <div class="help-block has-error" ng-messages="formSchedule.course_id.$error" ng-if="formSchedule.course_id.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="instructor_id">Instructor <span class="text-danger">*</span>:</label>
      <select class="form-control" id="instructor_id" name="instructor_id" required>
        <option value="">-Please select-</option>
        @foreach ($instructors as $instructor)
          <option value="{{ $instructor->id }}" {{ (isset($schedule->instructor_id) && ($schedule->instructor_id == $instructor->id)) ? 'selected' : '' }}>{{ $instructor->instructor_name }}</option>
        @endforeach
      </select>
      <div class="help-block has-error" ng-messages="formSchedule.instructor_id.$error" ng-if="formSchedule.instructor_id.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="course_fees">Course fees:</label>
      <input type="text" class="form-control" id="course_fees" name="course_fees" value="{{ isset($schedule->course_fees) ? $schedule->course_fees : '' }}" ng-minlength="1" ng-maxlength="4" required>
      <div class="help-block has-error" ng-messages="formSchedule.course_fees.$error" ng-if="formSchedule.course_fees.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="fee_currency">Fee currency:</label>
      <select class="form-control" id="fee_currency" name="fee_currency">
        @foreach ($currencies as $key => $currency)
          <option value="{{ $key }}" {{ (isset($schedule->fee_currency) && ($schedule->fee_currency == $key)) ? 'selected' : '' }}>{{ $currency }}</option>
        @endforeach
      </select>
    </div>

    <!-- TODO: Create tax id listing selectbox, after creating tax module  -->
    <div class="form-group">
      <label for="tax_id">Tax Id:</label>
      <input type="text" class="form-control" id="tax_id" name="tax_id" value="{{ isset($schedule->tax_id) ? $schedule->tax_id : '' }}">
    </div>

    <div class="form-group">
      <label for="total_seats">Total seats <span class="text-danger">*</span>:</label>
      <input type="text" class="form-control" id="total_seats" name="total_seats" value="{{ isset($schedule->total_seats) ? $schedule->total_seats : '' }}" required>
      <div class="help-block has-error" ng-messages="formSchedule.total_seats.$error" ng-if="formSchedule.total_seats.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="seats_vacant">Seats vacant:</label>
      <input type="text" class="form-control" id="seats_vacant" name="seats_vacant" value="{{ isset($schedule->seats_vacant) ? $schedule->seats_vacant : '' }}">
    </div>

    <div class="form-group date">
      <label for="start_date">Start date &amp; time <span class="text-danger">*</span>:</label>
      <input type="text" class="form-control" id="start_date" name="start_date" value="{{ isset($schedule->start_date) ? $schedule->start_date : '' }}" required>
      <span class="add-on"><i class="icon-th"></i></span>
      <div class="help-block has-error" ng-messages="formSchedule.start_date.$error" ng-if="formSchedule.start_date.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group date">
      <label for="end_date">End date &amp; time:</label>
      <input type="text" class="form-control" id="end_date" name="end_date" value="{{ isset($schedule->end_date) ? $schedule->end_date : '' }}">
      <span class="add-on"><i class="icon-th"></i></span>
    </div>

    <div class="form-group">
      <label for="contact_number">Contact number <span class="text-danger">*</span>:</label>
      <input type="text" class="form-control" id="contact_number" name="contact_number" value="{{ isset($schedule->contact_number) ? $schedule->contact_number : '' }}" ng-minlength="7" ng-maxlength="15" required>
      <div class="help-block has-error" ng-messages="formSchedule.contact_number.$error" ng-if="formSchedule.contact_number.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="address_1">Address 1 <span class="text-danger">*</span>:</label>
      <textarea rows="6" cols="15" class="form-control" id="address_1" name="address_1" ng-minlength="5" ng-maxlength="150" required>{{ isset($schedule->address_1) ? $schedule->address_1 : '' }}</textarea>
      <div class="help-block has-error" ng-messages="formSchedule.address_1.$error" ng-if="formSchedule.address_1.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="brief">Address 2 :</label>
      <textarea rows="6" cols="15" class="form-control" id="address_2" name="address_2">{{ isset($schedule->address_2) ? $schedule->address_2 : '' }}</textarea>
    </div>

    <div class="form-group">
      <label for="street">Street address:</label>
      <input type="text" class="form-control" id="street" name="street" value="{{ isset($schedule->street) ? $schedule->street : '' }}" ng-minlength="3" ng-maxlength="50" required>
      <div class="help-block has-error" ng-messages="formSchedule.street.$error" ng-if="formSchedule.street.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="county">County:</label>
      <select name="county" id="county" class="form-control" required>
        <option value="">-Please select-</option>
        @foreach ($counties as $county)
          @if (isset($schedule->county))
          <option value="{{ $county->id }}" {{ ($schedule->county == $county->id) ? 'selected' : '' }}>{{ $county->county_en }}</option>
          @endif
          @if (!isset($schedule->county))
          <option value="{{ $county->id }}">{{ $county->county_en }}</option>
          @endif
        @endforeach
      </select>
      <div class="help-block has-error" ng-messages="formSchedule.county.$error" ng-if="formSchedule.county.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <!--<div class="form-group">
      <label for="country">Country:</label>
      <input type="text" class="form-control" id="country" name="country" value="{{ isset($schedule->country) ? $schedule->country : '' }}">
    </div>-->

    <div class="form-group">
      <label for="postal_code">Postal code:</label>
      <input type="text" class="form-control" id="postal_code" name="postal_code" value="{{ isset($schedule->postal_code) ? $schedule->postal_code : '' }}" ng-minlength="4" ng-maxlength="15" required>
      <div class="help-block has-error" ng-messages="formSchedule.postal_code.$error" ng-if="formSchedule.postal_code.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="slug">Page slug:</label>
      @if(isset($schedule->id))
        <input type="text" class="form-control" id="slug" name="slug" value="{{ isset($schedule->slug) ? $schedule->slug : '' }}" readonly>
      @endif
      @if(!isset($schedule->id))
        <input type="text" class="form-control" id="slug" name="slug" value="{{ isset($schedule->slug) ? $schedule->slug : '' }}">
        <span class="help-block">*Slug will generated combing with schedule id and title, if left empty.</span>
      @endif
      <div class="help-block has-error" ng-messages="formSchedule.slug.$error" ng-if="formSchedule.slug.$touched">
        @include('course_schedule::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="status">Status:</label>
      <select class="form-control" id="status" name="status">
        <option value="1" {{ (isset($schedule->status) && $schedule->status == 1) ? 'selected' : '' }}>Enable</option>
        <option value="0" {{ (isset($schedule->status) && $schedule->status == 0) ? 'selected' : ''  }}>Disable</option>
      </select>
    </div>

    {!! csrf_field() !!}
    <button type="submit" class="btn btn-primary" ng-disabled="formSchedule.$invalid">Save</button>
  </form>
</div>
@endsection

@push('scripts')
<script>
  $(function(){
      //Date range picker with time picker
      $('#start_date').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        linkField: "end_date",
        linkFormat: "yyyy-mm-dd hh:ii"
      });
      $('#end_date').datetimepicker({ format: 'yyyy-mm-dd hh:ii' });
  });
</script>
@endpush