@extends('author.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('autheditmicrounits', $microunit) !!}
</div>

<div class="row">
  <div class="col-md-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 Microunit</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($microunit, ['route'=> ['authpanel.microunits.update', $microunit->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">
                    Microunit 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'=>'mu-language' ])}}
                          <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'=>'mu-license' ])}}
                          <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' =>'', 'id'=>'validate-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-5">
                      <div class="form-group">
                        {{ Form::label('image', '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-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-{{$microunit->id}}"><i class="ion-image text-red" aria-hidden="true" style="font-size:20px;"></i></a>
                          @include('admin.microunits.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">
                    Microunit 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'=> '7',
                           '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'=> '7', '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">Microunit Tags</h3>
                </div>
                <div class="box-body">
                  <div class="row">
                    <div class="col-lg-12">
                      <div class="form-group">
                        {{ Form::label('tags', 'Tags:', ['class'=>'col-sm-2 control-label', 'for'=>'validate-topic']) }}
                        <div class="input-group col-xs-9">
                        {{ Form::select('tag_id[]', $tags, null, [ 'class' => 'form-control select2-multi', 'id'=>'tag_id[]', 'multiple' => 'multiple' ])}}
                        </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">Microunit 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'=> '5')) }}
                        </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'=> '5')) }}
                        </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'=> '5')) }}
                        </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'=> '5')) }}
                        </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'=> '5')) }}
                        </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('authpanel/microunits')}}" 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 type="text/javascript">
    $('.select2-multi').select2();
    $('.select2-multi').select2().val( {!! json_encode($microunit->tags()->getRelatedIds()) !!} ).trigger('change');
  </script>
@endsection