@extends('owner.layouts.master')

@section('page_title', __('admin.Add New :name' , ['name' =>  __('admin.Owner User')]))

@section('page_heading', __('admin.Add New :name' , ['name' =>  __('admin.Owner User')]))

@section('page_text', __('admin.Add New :name' , ['name' =>  __('admin.Owner User')]))

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    {!! Form::open(['route' => 'owner.ownerusermanagement.store', 'method' => 'post']) !!}
                    <div class="form-group">
        <label for="first_name" class="form-label">@lang('admin.First Name')</label>
                        {!! Form::text('first_name', null, array('required'=>'required','placeholder' => 'First Name','class' => 'form-control')) !!}
                    </div>
                    <div class="form-group">
                        <label for="last_name" class="form-label">@lang('admin.Last')</label>
 !!}
                        <div>
                            {!! Form::text('last_name', null, array('required'=>'required','placeholder' => 'Last Name','class' => 'form-control')) !!}

                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email" class="form-label">Email</label>
                        <div>
                            {!! Form::text('email', null, array('required'=>'required','placeholder' => 'Email','class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password" class="form-label">Password</label>
                        <div>
                            {!! Form::password('password', array('placeholder' => 'Password','class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password" class="form-label">Confirm Password</label>
                        <div>
                            {!! Form::password('confirm-password', array('placeholder' => 'Retype Password','class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="role" class="form-label">Role</label>
                        <div>
                            {!! Form::select('roles[]', $roles,[], array('class' => 'form-control select2 multiselect-dropdown','multiple'=>'multiple')) !!}

                        </div>
                    </div>
                    <div class="form-group">
                        <label for="department" class="form-label">Department</label>
                        {!! Form::select('department', $departments , null, ['class' => 'form-control select2 multiselect-dropdown','required']) !!}
                    </div>
                    <div class="form-group">
                        <label for="country" class="form-label">Country</label>
                        <select name="country" id="country"
                                class="form-control select2 multiselect-dropdown"
                                onchange="getLocation(this.value)" required>
                            <option value="" selected>Select Country</option>
                            @foreach ($countries as $country)
                                <option value="{{$country->id}}">{{ $country->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="location" class="form-label">Location</label>
                        <select name="location" id="location"
                                class="form-control select2 multiselect-dropdown" required>
                            <option value="">Select Location</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="job_role" class="form-label">Job role</label>
                        <div>{!! Form::select('job_role', $job_roles , null , ['class' => 'form-control select2 multiselect-dropdown required']) !!}</div>
                    </div>

                    <div class="form-group">
                        <label for="status" class="form-label">Status</label>
                        <div>
                            {!! Form::select('status', $statuses,[], array('class' => 'form-control select2 multiselect-dropdown required')) !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="divider"></div>

                        <div class="clearfix">
                            <button type="button" id="reset-btn" class="btn-shadow float-left btn btn-link">Reset
                            </button>
                            <button type="submit" id="next-btn"
                                    class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                @lang('admin.Submit')
                            </button>
                            <a href="{{ route('owner.ownerusermanagement.index') }}" id="prev-btn"
                               class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                @lang('admin.Cancel')
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
    <script>
        function getLocation(id) {
            $.ajax({
                type: 'POST',
                url: '{{ route('owner.ownerusermanagement.location.list') }}',
                data: {
                    'id': id,
                    '_token': '{{csrf_token()}}'
                },
                success: function (data) {
                    $('#location').html(data);
                }
            })
        }
    </script>

@endsection