@extends('admin.dashboard')

@section('title', 'Edit Element')

@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">
@endsection

@section('content')

<div class="content-header">
   <h1>
    Dashboard
    <small>OPALESCE Version 1.0</small>
    </h1>
    {!! Breadcrumbs::render('editmicrounitselements', $microunit) !!}
</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-bars fa-stack-1x fa-inverse"></i>
        </span>
        <h3 class="box-title">Edit Element to Microunit: <span class="text-green text-orange">{{$microunit->muid}}</span></h3>
      </div>
      @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($element, ['route'=> ['admin.element.update', $element->id], 'method'=>'PUT', 'class'=> 'form-horizontal', 'files'=> true ]) !!}
        <div class="box-body">
          <input id="microunit_id" name="microunit_id"  type="hidden" value="{{$microunit->id}}">
          <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
              <div class="box-body">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="form-group">
                      {{ Form::label('title', 'Title *', ['class'=>'col-lg-2 control-label', 'for'=>'validate-title']) }}
                      <div class="input-group col-lg-10">
                        {{ Form::text('title', null, array(
                          'class' => 'form-control title',
                          'name'=> 'emtitle',
                          'id' => 'emtitle',
                          '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('element_id', 'Element', ['class'=>'col-lg-2 control-label', 'for'=>'validate-element']) }}
                      <div class="input-group col-lg-10">
                      {{ Form::select('element_id', $typeselements, null,
                        [ 'class' => 'form-control elementid',
                          'placeholder' => 'Element Type',
                          'required' =>'',
                          'id'=>'elementid',
                          'name' => 'element_id' ])}}
                        <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('language_id', 'Language', ['class'=>'col-lg-2 control-label', 'for'=>'validate-element']) }}
                      <div class="input-group col-lg-10">
                      {{ Form::select('language_id', $languages, null,
                        [ 'class' => 'form-control',
                          'placeholder' => 'Language',
                          'required' =>'',
                          'name'=>'emlanguage_id' ])}}
                        <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('state_id', 'Status', ['class'=>'col-lg-2 control-label', 'for'=>'validate-element']) }}
                      <div class="input-group col-lg-10">
                      {{ Form::select('state_id', $status, null,
                        [ 'class' => 'form-control elementid',
                          'placeholder' => 'Status',
                          'required' =>'',
                          'id'=>'state_id',
                          'name' => 'state_id' ])}}
                        <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">
                      <div class="col-lg-10">
                        <label class="control-label padding-right">View Current Image</label>
                        <a href="#" data-toggle="modal" data-target="#modal-{{$element->id}}"><i class="ion-image text-red" aria-hidden="true" style="font-size:20px;"></i></a>
                        @include('admin.elements.modals.image')
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      {{ Form::label('filename', 'File', ['class'=>'col-lg-2 control-label', 'for'=>'validate-language']) }}
                      <div class="input-group col-lg-10">
                        <input type="file" name="emfilename" id="emfilename" class="form-control file" multiple="true">
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="form-group">
                      {{ Form::label('description', 'Description', ['class'=>'col-lg-1 control-label', 'for'=>'validate-desc']) }}
                      <div class="input-group col-lg-11">
                         {{ Form::textarea('description', null, array(
                           'class' => 'form-control',
                           'placeholder' => 'Description...',
                           'id' => 'emdescription',
                           'rows'=> '5')) }}
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-12 short-description" id="short-description">
                    <div class="form-group">
                      {{ Form::label('short_description', 'Short Description', ['class'=>'col-lg-1 control-label short-description', 'for'=>'validate-desc']) }}
                      <div class="input-group col-lg-11">
                        {{ Form::textarea('short_keywords', null, array(
                          'class' => 'form-control short-description',
                          'placeholder' => 'Short Description...',
                          'id' => 'short-description',
                          'rows'=> '5')) }}
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-12 audio-file" id="audio-file-form">
                    <div class="form-group">
                      {{ Form::label('audiofile', 'Audio File', ['class'=>'col-lg-1 control-label audio-file', 'for'=>'validate-desc']) }}
                      <div class="input-group col-lg-11">
                        <input type="file" name="emaudiofile" class="form-control audio-file" id="audio-file" multiple="true">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="box-footer">
            <a href="{{route('admin.elmu.index', $microunit->id)}}" class="btn btn-danger pull-right">Cancel</a>
            <button type="submit" class="btn btn-success pull-right margin-right-btn">Save</button>
          </div><!-- /.box-footer -->

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

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


@section('javascripts')
  <script src="/js/admin/dist/bootvalidation.js"></script>
  <script src="https://cdn.jsdelivr.net/sweetalert2/6.4.3/sweetalert2.min.js"></script>
  <script src="/js/admin/select2/select2.min.js"></script>
  <script src="/js/admin/alert/validationrules.js"></script>
@endsection