@extends('layouts.admin')
@section('title','Skill')
@section('css')

@endsection
@section('breadcrumb', 'Skill')
@section('content')
<!--main-container-part-->

<style>
  ul.multiselect-container {
    height: 200px;
    overflow: scroll;
  }
</style>
<!--Action boxes-->
<div class="container-fluid">



  <div class="row-fluid">
    <div class="span12">

      <div class="widget-box">
        <div class="widget-title"> <span class="icon"><i class="icon-ok"></i></span>
          <h5>
            {{$skill->id == ''?"Add": "Edit"}} Skill
            @if($message!='') <span for="name" generated="true" class="help-inline error">{{$message}}</span> @endif
          </h5>
        </div>
        <div class="widget-content">

          <form enctype="multipart/form-data" action="{{ $skill->id == ''? route('skill.store') : route('skill.update', ['id'=>$skill->id])}}" method="post" class="form-horizontal">
            @csrf

            <div class="control-group">
              <label class="control-label">Name (EN):</label>
              <div class="controls">
                <input type="text" name="skillName" value="{{$skill->skillName}}" class="span11" placeholder="Enter Skill Name (EN)">
                @if ($errors->has('skillName'))
                <span for="name" generated="true" class="help-inline error">{{$errors->first('skillName')}}</span>
                @endif</span>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">Name (FR):</label>
              <div class="controls">
                <input type="text" name="fr_skillName" value="{{$skill->fr_skillName}}" class="span11" placeholder="Enter Skill Name (FR)">
                @if ($errors->has('fr_skillName'))
                <span for="name" generated="true" class="help-inline error">{{$errors->first('fr_skillName')}}</span>
                @endif</span>
              </div>
            </div>

            @if($skill->id != '')
            <div class="control-group">
              <label class="control-label">Service :</label>
              <div class="controls">
                <select name="service" id="service" class="span11">
                  @foreach($service as $c)
                  <option value="{{$c->id}}" {{$skill->service_id == $c->id ? 'selected': ''}}>{{$c->serviceName}}</option>
                  @endforeach
                </select>

              </div>
            </div>
            @else
            <div class="control-group">
              <label class="control-label">Service :</label>
              <div class="controls">
                <select name="service[]" id="service" class="multiselect-ui span11" multiple="multiple">
                  @foreach($service as $c)
                  <option value="{{$c->id}}" {{$skill->service_id == $c->id ? 'selected': ''}}>{{$c->serviceName}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            @endif

            <div class="control-group">
              <label class="control-label">Description (EN):</label>
              <div class="controls">
                <textarea name="skillDescription" class="span11" placeholder="Enter Skill Description (EN)">{{$skill->skillDescription}}</textarea>
                @if ($errors->has('skillDescription'))
                <span for="name" generated="true" class="help-inline error">{{$errors->first('skillDescription')}}</span>
                @endif</span>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">Description (FR):</label>
              <div class="controls">
                <textarea name="fr_skillDescription" class="span11" placeholder="Enter Skill Description (FR)">{{$skill->fr_skillDescription}}</textarea>
                @if ($errors->has('fr_skillDescription'))
                <span for="name" generated="true" class="help-inline error">{{$errors->first('fr_skillDescription')}}</span>
                @endif</span>
              </div>
            </div>


            @if($skill->id != '')
            @method('put')
            @endif
            <div class="form-actions">
              <button type="submit" class="btn btn-success">Save</button>
            </div>
          </form>

        </div>
      </div>





    </div>


  </div>
</div>
</div>
<!--end-main-container-part-->
@endsection
@section('js')
<script>
  cat = $("#cat").val();
  $.ajax({
    url: "{{url('admin/getsubcat')}}/" + cat,
    success: function(result) {
      $("#subcat").html(result);
    }
  });
  $("#cat").change(function() {
    cat = $(this).val();
    $.ajax({
      url: "{{url('admin/getsubcat')}}/" + cat,
      success: function(result) {
        $("#subcat").html(result);
      }
    });
  })
</script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $('.multiselect-ui').multiselect({
      includeSelectAllOption: true
    });
  })
</script>
@endsection