@extends('admin.layouts.master')

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

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

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

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Manager User')

@section('page_breadcrumb_item2', 'Add Manager User')

@section('css')
    <style>
        .select2-container .select2-selection--multiple {
            height: 50px !important;
            border-radius: 10px !important;
            border-color: inherit;
            padding: 0.65rem 1rem !important;
            font-size: 1.1875rem !important;
            line-height: 1.31579 !important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice{
            margin-top: 0px;
        }
    </style>
    
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    {!! Form::open(['route' => 'manager.store', 'method' => 'post']) !!}
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="first_name" class="fs-6 fw-semibold mb-2">@lang('admin.First Name')</label>
                        {!! Form::text('first_name', null, ['required' => 'required', 'placeholder' => 'First Name', 'class' => 'form-control']) !!}
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="last_name" class="fs-6 fw-semibold mb-2">@lang('admin.Last Name')</label>
                        <div>
                            {!! Form::text('last_name', null, ['required' => 'required', 'placeholder' => 'Last Name', 'class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="email" class="fs-6 fw-semibold mb-2">@lang('admin.Email')</label>
                        <div>
                            {!! Form::text('email', null, ['required' => 'required', 'placeholder' => 'Email', 'class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="password" class="fs-6 fw-semibold mb-2">@lang('admin.Enter Password')</label>
                        <div>
                            {!! Form::password('password', ['placeholder' => 'Password', 'class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="password" class="fs-6 fw-semibold mb-2">@lang('admin.Confirm Password')</label>
                        <div>
                            {!! Form::password('confirm-password', ['placeholder' => 'Retype Password', 'class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="role" class="fs-6 fw-semibold mb-2">@lang('admin.Roles')</label>
                        <div>
                            {!! Form::select('roles[]', $roles, [], ['class' => 'form-select',"data-control"=>"select2", 'multiple' => 'multiple']) !!}

                        </div>
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="status" class="fs-6 fw-semibold mb-2">@lang('admin.Status')</label>
                        <div>
                            {!! Form::select('status', $statuses, [], ['class' => 'form-select',"data-control"=>"select2" 'required' => 'required']) !!}
                        </div>
                    </div>
                    <div class="d-flex flex-column mb-7 fv-row">
                        <div class="divider"></div>

                        <div class="clearfix">
                            <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('manager.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>
   
@endsection