@extends('admin.dashboard')

@section('Title', 'Edit Microunit')

@section('stylesheets')
  <link rel="stylesheet" href="/css/admin/dist/bootvalidation.css">
  <link rel="stylesheet" href="/css/admin/select2/select2.min.css">
@endsection

@section('content')

<div class="content-header">
   <h1>
    Dashboard
    <small>OPALESCE Version 1.0</small>
    </h1>
    {!! Breadcrumbs::render('editsuites', $suite) !!}
</div>

<div class="row">
  <div class="col-lg-12">
    <div class="box box-warning">
      <div class="box-header with-border">
        <span class="fa-stack fa-lg text-orange">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
        </span>
        <h3 class="box-title">Edit Suite</h3>
      </div><!-- /.box-header -->
      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      <!-- form start -->

      {!! Form::model($suite, ['route'=> ['admin.suites.update', $suite->id], 'method'=>'PUT', 'class'=> 'form-horizontal', 'files'=> true ]) !!}
        <div class="box-body">
          <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
              <div class="box box-danger">
                <div class="box-header">
                  <span class="fa-stack fa-lg text-red">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-info fa-stack-1x fa-inverse"></i>
                  </span>
                  <h3 class="box-title">
                    Suite Main Info
                  </h3>
                </div>
                <div class="box-body">
                  <div class="row">
                    <div class="col-lg-4">
                      <div class="form-group">
                        {{ Form::label('language_id', 'Language *', ['class'=>'col-lg-3 control-label', 'for'=>'validate-language']) }}
                        <div class="input-group col-lg-9">
                          {{ Form::select('language_id', $languages, null, [
                            'class' => 'form-control',
                            'placeholder' => 'Language',
                            'required' =>'',
                            'id' => 'languageid' ])
                          }}
                          <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-4">
                      <div class="form-group">
                        {{ Form::label('license_id', 'License *', ['class'=>'col-lg-3 control-label', 'for'=>'validate-license']) }}
                        <div class="input-group col-lg-9">
                          {{ Form::select('license_id', $licenses, null, [
                            'class' => 'form-control',
                            'placeholder' => 'License',
                            'required' =>'',
                            'id'=>'licenseid' ])}}
                          <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
                        </div>
                      </div>
                    </div>
                      <div class="col-lg-4">
                        <div class="form-group">
                          {{ Form::label('category_id', 'Topic', ['class'=>'col-lg-3 control-label', 'for'=>'validate-topic']) }}
                					<div class="input-group col-lg-9">
                          {{ Form::select('category_id', $categories, null, ['class' => 'form-control', 'placeholder' => 'Topic', 'required' =>'', 'name'=>'category_id' ])}}
                						<span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
                					</div>
              				  </div>
                      </div>
                      <div class="col-lg-12">
                        <div class="form-group">
                          {{ Form::label('title', 'Title *', ['class'=>'col-lg-1 control-label', 'for'=>'validate-title']) }}
                          <div class="input-group col-lg-11">
                            {{ Form::text('title', null, array(
                              'class' => 'form-control',
                              'name'=> 'title',
                              'id' => 'title',
                              'placeholder' => 'Title...',
                              'required'))
                            }}
                            <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-5">
                        <div class="form-group">
                          {{ Form::label('image', 'Feature Image *', ['class' => 'col-lg-6 control-label']) }}
                          <div class="col-lg-6">
                            {{ Form::file('image', array(
                              'class' => 'form-control',
                              'id' => 'file'
                              ))
                            }}
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-2">
                        <div class="form-group">
                          <div class="col-lg-10">
                            <label class="control-label padding-right">View Current Image</label>
                            <a href="#" data-toggle="modal" data-target="#modal-{{$suite->id}}"><i class="ion-image text-red" aria-hidden="true" style="font-size:20px;"></i></a>
                            @include('admin.suites.modals.image')
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-5">
                        <div class="form-group">
                          {{ Form::label('material', 'I take full responsibility for the uploaded material', ['class'=>'col-lg-11 control-label']) }}
                          <div class="input-group col-lg-1">
                            {{ Form::checkbox('material', 1, true) }}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-10 col-lg-offset-1">
                <div class="box box-danger">
                  <div class="box-header">
                    <span class="fa-stack fa-lg text-red">
                      <i class="fa fa-circle fa-stack-2x"></i>
                      <i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
                    </span>
                    <h3 class="box-title">
                      Suite Description & Target Group
                    </h3>
                  </div>
                  <div class="box-body">
                    <div class="row">
                      <div class="col-lg-6">
                        <div class="form-group">
                            {{ Form::label('description', 'Description *', ['class'=>'col-lg-2 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-10">
                            {{ Form::textarea('description', null, array(
                             'class' => 'form-control',
                             'placeholder' => 'Description...',
                             'rows'=> '3',
                             'id' => 'mu-desc'))
                            }}
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="form-group">
                            {{ Form::label('target', 'Target *', ['class'=>'col-lg-2 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-10">
                            {{ Form::textarea('target', null, array('class' => 'form-control', 'placeholder' => 'Description...', 'rows'=> '3', 'id'=>'mu-target')) }}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-10 col-lg-offset-1">
                <div class="box box-info">
                  <div class="box-header">
                    <span class="fa-stack fa-lg text-blue">
                      <i class="fa fa-circle fa-stack-2x"></i>
                      <i class="fa fa-tags fa-stack-1x fa-inverse"></i>
                    </span>
                    <h3 class="box-title">Edit Suite Tags</h3>
                  </div>
                  <div class="box-body">
                    <div class="row">
                      <div class="col-lg-12">
                        <div class="form-group">
                          {{ Form::label('tag_id', 'Tags', ['class'=>'col-lg-2 control-label', 'for'=>'validate-topic']) }}
                          <div class="input-group col-lg-9">
                            {{ Form::select('tag_id[]', $tags, null, ['class' => 'select2-multi form-control', 'name'=> 'tag_id[]', 'placeholder' => 'Tags', 'multiple' => 'multiple' ])}}
                            {{-- <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span> --}}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-10 col-lg-offset-1">
                <div class="box box-success">
                  <div class="box-header">
                    <span class="fa-stack fa-lg text-green">
                      <i class="fa fa-circle fa-stack-2x"></i>
                      <i class="fa fa fa-cog fa-stack-1x fa-inverse"></i>
                    </span>
                    <h3 class="box-title">Suite Text Info</h3>
                  </div>
                  <div class="box-body">
                    <div class="row">
                      <div class="col-lg-12">
                        <div class="form-group">
                          {{ Form::label('short_description', 'Short Desc', ['class'=>'col-lg-1 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-11">
                             {{ Form::textarea('short_description', null, array('class' => 'form-control', 'placeholder' => 'Short Description...', 'rows'=> '3')) }}
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="form-group">
                          {{ Form::label('experiences', 'Experiences', ['class'=>'col-lg-2 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-10">
                             {{ Form::textarea('experiences', null, array('class' => 'form-control', 'placeholder' => 'Experiences...', 'rows'=> '3')) }}
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="form-group">
                          {{ Form::label('learning_styles', 'Learning Styles', ['class'=>'col-lg-2 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-10">
                             {{ Form::textarea('learning_styles', null, array('class' => 'form-control', 'placeholder' => 'Learning Styles...', 'rows'=> '3')) }}
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="form-group">
                          {{ Form::label('prerequisites', 'Pre-requisites', ['class'=>'col-lg-2 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-10">
                             {{ Form::textarea('prerequisites', null, array('class' => 'form-control', 'placeholder' => 'Pre-requisites...', 'rows'=> '3')) }}
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="form-group">
                          {{ Form::label('funding', 'Funding', ['class'=>'col-lg-2 control-label', 'for'=>'validate-desc']) }}
                          <div class="input-group col-lg-10">
                             {{ Form::textarea('funding', null, array('class' => 'form-control', 'placeholder' => 'Funding...', 'rows'=> '3')) }}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-10 col-lg-offset-1">
                <div class="box box-warning">
                  <div class="box-header">
                    <span class="fa-stack fa-lg text-orange">
                      <i class="fa fa-circle fa-stack-2x"></i>
                      <i class="fa fa-play-circle fa-stack-1x fa-inverse"></i>
                    </span>
                    <h3 class="box-title">Edit Microunit to Suite</h3>
                  </div>
                  <div class="box-body">
                    <div class="row">
                      <div class="col-lg-12">
                        <div class="form-group">
                          {{ Form::label('microunit_id', 'Microunits', ['class'=>'col-lg-2 control-label', 'for'=>'validate-topic']) }}
                          <div class="input-group col-lg-9">
                          {{ Form::select('microunit_id[]', $microunits, null, ['class' => 'select2-multi-micro form-control', 'name'=> 'microunit_id[]', 'placeholder' => 'Microunits', 'required' =>'', 'id'=>'validate-select', 'multiple' => 'multiple' ])}}
                          <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="box-footer">
              <div class="col-lg-10 col-lg-offset-1">
                <div class="row">
                  <div class="col-lg-6">
                    <a href="{{url('admin/suites')}}" class="btn btn-danger btn-block">Cancel</a>
                  </div>
                  <div class="col-lg-6">
                    <button type="submit" class="btn btn-success btn-block">Save</button>
                  </div>
                </div>
              </div>
            </div><!-- /.box-footer -->

        </div>
      {!! Form::close() !!}

    </div>
  </div>
</div>
@endsection


@section('javascripts')
  <script src="/js/admin/dist/bootvalidation.js"></script>
  <script src="/js/admin/select2/select2.min.js"></script>
  <script>

  $('.select2-multi').select2();
  $('.select2-multi').select2().val( {!! json_encode($suite->tags()->getRelatedIds()) !!} ).trigger('change');
  $('.select2-multi-micro').select2();
  $('.select2-multi-micro').select2().val( {!! json_encode($suite->microunits()->getRelatedIds()) !!} ).trigger('change');

  </script>
@endsection