@extends('admin.layouts.master')
@section('styles')
@parent

{{ HTML::style('assets/admin/vendor/multi-select/css/multi-select.css') }}

@stop
@section('content')
  @section('bodyClass')
    @parent
    hold-transition skin-blue sidebar-mini
  @stop
 <div class="container-fluid dashboard-content">
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="page-header">
                <h2 class="pageheader-title">Add Users
					<a class="float-sm-right" href="{{ apa('users') }}"><button class="btn btn-outline-dark btn-flat">Back</button></a>
				</h2>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <div class="col-sm-12 card-header form-header">
                    <div class="row align-items-center">
                        <h5>Fields marked (<em>*</em> ) are mandatory</h5>
                    </div>
                </div>

                {{ Form::open(array('url' => apa('users/create'),'files'=>true,'id'=>'form')) }}

                    <div class="card-body">
                        <div class="col-sm-12">
                            @include('admin.common.user_message')
                            <div class="clearfix"></div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="name" class="col-form-label">Name<em>*</em></label>
                                            <input id="name" name="name" type="text" value="{{ old('name') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="name_arabic" class="col-form-label">Name [Arabic]<em>*</em></label>
                                            <input id="name_arabic" dir="rtl" name="name_arabic" type="text" value="{{ old('name_arabic') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="email" class="col-form-label">Email<em>*</em></label>
                                            <input id="email" name="email" value="{{ old('email') }}" type="email" class="form-control" required>
                                        </div>
                                    </div>
                                    @if(!empty($entities))
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="entity_id" class="col-form-label">Entity</label>
                                            <select multiple name="entity_id[]" id="entity_id" class="form-control border">
                                                <option value="">Select an entity</option>
                                                @foreach($entities as $entity)
                                                    <option value="{{$entity->getId()}}">{{$entity->getTitle()}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    @if(!empty($entity_groups))
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="group_id" class="col-form-label">Group</label>
                                            <select name="group_id" id="group_id" class="form-control border">
                                                <option value="">Select Group</option>
                                                @foreach($entity_groups as $group)
                                                    <option value="{{$group->getId()}}">{{$group->getTitle()}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="date_joined" class="col-form-label">Date joined<em>*</em></label>
                                            <input id="date_joined" name="date_joined" value="{{ old('date_joined') }}" type="text" class="form-control datepicker" required>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-12">
                                        <h4 class="alert alert-light border text-primary bg-light"> Additional Information </h4>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="phone_number" class="col-form-label">Phone Number</label>
                                            <input id="phone_number" name="phone_number" type="text" value="{{ old('phone_number') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="mobile_number" class="col-form-label">Mobile Number</label>
                                            <input id="mobile_number" name="mobile_number" type="text" value="{{ old('mobile_number') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="designation" class="col-form-label">Designation</label>
                                            <input id="designation" name="designation" type="text" value="{{ old('designation') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="designation_arabic" class="col-form-label">Designation [Arabic]</label>
                                            <input id="designation_arabic" dir="rtl" name="designation_arabic" type="text" value="{{ old('designation') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 form-group">
                                        <label for="description" class="col-form-label">Description</label>
                                        <textarea id="description" name="description" class="form-control ckeditorEn" > {!! old('description') !!} </textarea>
                                   </div>
                                   <div class="col-sm-6 form-group">
                                        <label for="description_arabic" class="col-form-label">Description [Arabic]</label>
                                        <textarea id="description_arabic" name="description_arabic" class="form-control ckeditorAr" > {!! old('description_arabic') !!} </textarea>
                                   </div>
                                </div>

                                <div class="row">
                                    @php
                                        $uploaderData = [
                                            'label' => 'Upload User Avatar (Max 2 MB)',
                                            'control_name' => 'user_avatar',
                                            'type' => 'image',
                                            'postType' => 'users',
                                            'old_file_name' => '',
                                            'required' => false
                                        ];
                                    @endphp
                                    <div class="col-sm-6 form-group">
                                        @include('admin.common.file_upload.f-uploader',$uploaderData)
                                    </div>
                                </div>

                                @include('admin.common.tags-selector')

                                <div class="row">
                                    <div class="col-sm-12">
                                        <h4 class="alert alert-light border text-primary bg-light">Account Settings</h4>
                                    </div>
                                </div>
                                <div class="row">
									{{-- <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="status" class="col-form-label">Force Password Change</label>
                                            <select class="form-control" id="force_password_change" name="force_password_change">
                                                <option {{ ( old('force_password_change') ==  1 ) ? ' selected =="selected" ' : '' }} value="1">Yes</option>
                                                <option {{ ( old('force_password_change')  == 2) ? ' selected =="selected" ' : '' }} value="2">No</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="status" class="col-form-label">Status</label>
                                            <select class="form-control" id="status" name="status">
                                                <option {{ ( old('status') == 1 ) ? ' selected =="selected" ' : '' }} value="1">Enable Account</option>
                                                <option {{ ( old('status')  ==2) ? ' selected =="selected" ' : '' }} value="2">Disable Account</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="is_backend_user" class="col-form-label">Is it a backend user?</label>
                                            <select class="form-control" id="is_backend_user" name="is_backend_user" required>
                                                <option value="">Select option</option>
                                                <option {{ ( old('is_backend_user') ==  1 ) ? ' selected =="selected" ' : '' }} value="1">Yes</option>
                                                <option {{ ( old('is_backend_user')  == 2) ? ' selected =="selected" ' : '' }} value="2">No</option>
                                            </select>
                                        </div>
                                    </div>
                                 </div>

                                {{-- Display roles only if you're creating an admin --}}
                                @if(isset($roles))
                                    <div class="row">
                                        <div class="col-sm-12">
                                        <hr/>
                                        </div>
                                    </div>
    								<div class="row">
    									<div class="col-sm-12">
    										<div class="form-group">
    										<h3>Assign Role(s)</h3>
    										<table width="100%" class="table table-striped">
    												<thead>
    												<tr>
    													<th style="width: 200px;text-align:center">Select</th>
    													<th>Role name</th>
    												</tr>

    												</thead>
    												<tbody>