@extends('admin.dashboard')

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

@section('stylesheets')
  <link rel="stylesheet" href="/css/admin/dist/bootvalidation.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/sweetalert2/6.4.3/sweetalert2.min.css">
  <link rel="stylesheet" href="/css/admin/select2/select2.css">
@endsection

@section('content')

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

<div class="row">
  <div class="col-lg-12">
    <div class="box box-info">
      <div class="box-header with-border">
        <span class="fa-stack fa-lg text-green">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-plus fa-stack-1x fa-inverse"></i>
        </span>
        <h3 class="box-title">Create 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::open(['route'=> 'admin.suites.store', 'method'=>'POST', 'class'=> 'form-horizontal', 'files'=> true ]) !!}
        <div class="box-body">
          <input id="langsuiteid" name="langsuiteid"  type="hidden" value="{{$langsuiteid}}">
          <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">
                          <select class="form-control" name="language_id" id="mu-language" placeholder="Language" required>
                            <option value="">Select a Language</option>
                            @foreach ($languages as $language)
                              <option value="{{$language->id}}">{{$language->language}}</option>
                            @endforeach
                          </select>
                          <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">
                          <select class="form-control" name="license_id" id="mu-license" placeholder="License" required>
                            <option value="">Select a License</option>
                            @foreach ($licenses as $license)
                              <option value="{{$license->id}}">{{$license->name}}</option>
                            @endforeach
                          </select>
                          <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">
                          <select class="form-control" name="category_id" id="mu-category" placeholder="Topic" required>
                            <option value="">Select a Topic</option>
                            @foreach ($categories as $category)
                              <option value="{{$category->id}}">{{$category->name}}</option>
                            @endforeach
                          </select>
                          <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' => 'mu-title',
                            'placeholder' => 'Title...',
                            'required'))
                          }}
                          <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <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' => 'mu-file'
                            ))
                          }}
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="form-group">
                        {{ Form::label('material', 'I take full responsibility for the uploaded material', ['class'=>'col-lg-6 control-label']) }}
                        <div class="input-group col-lg-6">
                          {{ 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">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-sm-2 control-label', 'for'=>'validate-topic']) }}
                        <div class="input-group col-xs-9">
                          <select class="form-control select2-multi" name="tag_id[]" id="validate-select" multiple="multiple" placeholder="Tags">
                            <option value="">Select Tag</option>
                            @foreach ($tags as $tag)
                              <option value="{{$tag->id}}">{{$tag->name}}</option>
                            @endforeach
                          </select>
                        </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">Add 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-sm-2 control-label', 'for'=>'validate-topic']) }}
                        <div class="input-group col-xs-9">
                          <select class="form-control select2-multi-micro" name="microunit_id[]" id="validate-select" multiple="multiple" placeholder="Microunits">
                            <option value="">Select Microunit</option>
                            @foreach ($microunits as $microunit)
                              <option value="{{$microunit->id}}">{{$microunit->title}}</option>
                            @endforeach
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="box-footer">
            <a href="{{url('admin/suites')}}" class="btn btn-danger pull-right">Cancel</a>
            <button type="submit" class="btn btn-success pull-right margin-right-btn">Add</button>
          </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 src="https://cdn.jsdelivr.net/sweetalert2/6.4.3/sweetalert2.min.js"></script>
  <script>

  $('.select2-multi').select2();
  $('.select2-multi-micro').select2();

  </script>
@endsection