@extends('layouts.app')

@section('pageStyle')
<link href="{{ url('public/css/plugins/chosen/chosen.css') }}" rel="stylesheet">
@endsection

@section('content')

<div id="page-wrapper" class="gray-bg">        
    <!------------Content Area Start-------------------------->
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-12">
            <h2>Add Intersection Type</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ url('/home') }}">Home</a>
                </li>
                <li>
                    <a href="{{ url('/create-intersection') }}">Settings</a>
                </li>
                <li class="active">
                    <strong>Edit Intersection Type</strong>
                </li>
            </ol>
        </div>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">

                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-lg-8">

                                {{ all_errors($errors) }}
                                
                                @include('layouts.flash')

                                {{ Form::open(['url' => 'attribute/update-intersection/'.$intersection->id, 'method' => 'patch', 'class' => 'form-horizontal intersection_wrapper', 'id' => 'edit-form']) }}

                                <div class="form-group">

                                    {{ Form::label('name', 'Intersection Name', ['class' => 'col-lg-3 control-label text-left']) }}

                                    <div class="col-lg-9">
                                        {{ Form::text('name',$intersection->name,['required', 'class' => 'form-control', 'id' => 'name']) }}
                                    </div>
                                </div>

                                <div class="form-group add_intersection">

                                    {{ Form::label('description', 'Description', ['class' => 'col-lg-3 control-label text-left']) }}

                                    <div class="col-lg-9 col-sm-12 ">
                                        {{ Form::textarea('description',$intersection->description,['rows' => 5, 'class' => 'form-control', 'id' => 'description']) }}
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="form-group">

                                        {{ Form::label('hcm', 'Choose HCM', ['class' => 'col-lg-3 control-label text-left']) }}

                                        <div class="col-sm-9">
                                            {{ Form::select('hcm_ids[]', $hcms, $selected, ['data-placeholder' => 'Select HCM', 'class' => 'chosen-select', 'multiple' => true, 'required'=> true, 'tabindex' =>  '4', 'style' => 'width: 100%']) }}                                         
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-lg-9 col-sm-12 col-lg-offset-3">
                                        {{ Form::submit('Add Intersection', ['class' => 'btn btn-primary']) }}
                                    </div>
                                </div>
                            </div>
                            {!! Form::close() !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>        
</div>

@endsection

@section('pageScript')
<script src="{{ url('public/js/plugins/chosen/chosen.jquery.js') }}"></script>

<style>
    .chosen-container-multi{
        width: 100% !important;
    }
</style>
<script>
$(document).ready(function () {

    var APP_URL = '