@extends('layouts.admin.admin')
@section('title', 'Create Users')
@section('content')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush
<main>
    <div class="container-fluid p-0">
        <div class="row g-0">
            @include('partials.header')
            @include('partials.sidebar')
            <section class="content-section col primary-bg-light p-xl-4 p-3">
                <div class="bg-white rounded-3 shadow-sm p-3">
                    <div class="row">
                        <div class="col-12">
                            @include('partials.breadcrumbs')
                            <hr class="mb-4">
                            <h5>Create Executive User</h5>
                            <form method="POST" action="{{ route('users.store') }}">
                                @csrf
                                <div class="row g-2 gy-3">
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputFirstName" class="form-label fw-semibold">First Name<span class="text-red">*</span></label>
                                        <input type="text" class="form-control shadow-none" id="inputFirstName" name="first_name" placeholder="First Name" value="{{ old('first_name') }}">
                                        @if ($errors->has('first_name'))
                                            <span class="text-danger">{{ $errors->first('first_name') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputMiddleName" class="form-label fw-semibold">Middle Name</label>
                                        <input type="text" class="form-control shadow-none" id="inputMiddleName" name="middle_name" placeholder="Middle Name" value="{{old('middle_name')}}">
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputLastName" class="form-label fw-semibold">Last Name<span class="text-red">*</span></label>
                                        <input type="text" class="form-control shadow-none" id="inputLastName" name="last_name" placeholder="Last Name" value="{{old('last_name')}}">
                                        @if ($errors->has('last_name'))
                                            <span class="text-danger">{{ $errors->first('last_name') }}</span>
                                        @endif
                                    </div>
                                    
                                    <div class="col-md-4 col-sm-6">
                                        <label for="telNumber" class="form-label fw-semibold">Phone<span class="text-red">*</span></label>
                                        <input type="tel" class="form-control shadow-none" id="telNumber" name="phone" maxlength="13" placeholder="(555) 555-5555" value="{{old('phone')}}">
                                        @if ($errors->has('phone'))
                                            <span class="text-danger">{{ $errors->first('phone') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputEmail" class="form-label fw-semibold">Email<span class="text-red">*</span></label>
                                        <input type="email" class="form-control shadow-none cal-icon shadow-none" id="inputEmail" name="email" placeholder="xxxxxxxxxx@xxxx.xxx" value="{{old('email')}}">
                                        @if ($errors->has('email'))
                                            <span class="text-danger">{{ $errors->first('email') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputUserRole" class="form-label fw-semibold">User Role<span class="text-red">*</span></label>
                                        <select name="roleid" id="inputUserRole" class="form-select shadow-none custom-select">
                                            <option value="">Select User Role</option>
                                            @foreach ($roles as $role)
                                            <option value="{{$role->id}}" {{ old('roleid') == $role->id ? 'selected' : '' }}>{{$role->name}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('roleid'))
                                            <span class="text-danger">{{ $errors->first('roleid') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputDivision" class="form-label fw-semibold">Division<span class="text-red">*</span></label>
                                        <select name="divisionid" id="divisionid" class="form-select shadow-none custom-select">
                                            <option value="">Select Division</option>
                                        </select>
                                        @if ($errors->has('divisionid'))
                                            <span class="text-danger">{{ $errors->first('divisionid') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputRegion" class="form-label fw-semibold">Region<span class="text-red">*</span></label>
                                        <select name="regionid" id="regionid" class="form-select shadow-none custom-select">
                                            <option value="">Select Region</option>
                                        </select>
                                        @if ($errors->has('regionid'))
                                            <span class="text-danger">{{ $errors->first('regionid') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputArea" class="form-label fw-semibold">Area<span class="text-red">*</span></label>
                                        <select name="areaid" id="areasid" class="form-select shadow-none custom-select">
                                            <option value="">Select Area</option>                                                                                            
                                        </select>
                                        @if ($errors->has('areaid'))
                                        <span class="text-danger">{{ $errors->first('areaid') }}</span>
                                    @endif
                                    </div>
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-type1 px-5 border-0 shadow-sm">Create User</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</main>


@push('script')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="{{ asset('Assets/js/customscript.js') }}"></script>

@endpush













@stop