@extends('layouts.master')
@section('title',__('Create a new user'))
@section('breadcum')
<div class="breadcrumbbar">
    <div class="row align-items-center">
        <div class="col-md-8 col-lg-8">
            <h4 class="page-title">{{ __('Create user') }}</h4>
            <div class="breadcrumb-list">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        {{ __('Create user') }}
                    </li>
                </ol>
            </div>
        </div>

        <div class="col-md-4 col-lg-4">
            <div class="widgetbar">
                <a title="Back" href="{{ route('users.index') }}" class="btn btn-secondary"><i
                        class="feather icon-arrow-left mr-2"></i>
                        {{__('Back')}}
                </a>
            </div>
        </div>

    </div>
</div>
@endsection
@section('maincontent')
<form action="{{ route('users.store') }}" class="form" method="POST" novalidate enctype="multipart/form-data">
    @csrf

    <div class="row">
        <div class="col-md-12">
            <div class="card m-b-30">

                <div class="card-header">
                    <h5 class="card-title">{{ __('Create a new user:') }}</h5>
                </div>

                <div class="card-body">

                    <div class="row">
                        <div class="col-lg-3 col-md-12">
                            <input name="photo" type="file" id="imgupload" />
                            <img @error('photo') is-invalid @enderror src="{{ url('media/images/default.jpg') }}"
                                alt="profilephoto" class="profilechoose img-thumbnail rounded img-fluid">
                            @error('photo')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-lg-9 col-md-12">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="text-dark">{{__("Name:")}} <span class="text-danger">*</span></label>
                                        <input id="itemID" value="{{ old('name') }}" autofocus="" type="text"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="Please Enter Name" name="name" required="">

                                        @error('name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="text-dark">{{__("Email:")}} <span class="text-danger">*</span></label>
                                        <input value="{{ old('email') }}" autofocus="" type="email" name="email"
                                            class="form-control @error('email') is-invalid @enderror"
                                            placeholder="Please Enter Email Id" required="">

                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="text-dark" for="address">{{__("Password:")}} <span
                                                class="text-danger">*</span></label>
                                        <input minlength="8" name="password" type="password"
                                            class="form-control @error('password') is-invalid @enderror" id="password"
                                            placeholder="Enter Password here" required>

                                        @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="text-dark" for="address">{{__("Confirm Password:")}} <span
                                                class="text-danger">*</span></label>
                                        <input minlength="8" type="password" class="form-control" id="re-password"
                                            placeholder="Re-Type Password" name="password_confirmation" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="text-dark">{{__("Mobile:")}} <span class="text-danger">*</span></label>
                                        <input value="{{ old('mobile') }}" title="enter valid no." pattern="[0-9]+"
                                            type="text" class="form-control" placeholder="Please Enter Valid Mobile No."
                                            name="mobile" required>
                                        @error('mobile')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark" for="address">{{ __("Gender:") }}</label><br>
                                <div class="row">
                                    <div class="col-md-4">
                                        <input type="radio" id="male" name="gender" value="m" checked>
                                        <label for="male">{{ __("Male") }}</label><br>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="radio" id="female" name="gender" value="f">
                                        <label for="female">{{ __("Female") }}</label><br>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="radio" id="other" name="gender" value="o">
                                        <label for="other">{{ __("Other") }}</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark" for="address"> {{__("Address Line 1:")}} <span class="text-danger">*</span></label>
                                <textarea required="" class="@error('line1') is-invalid @enderror form-control" id="line1" name="line1" placeholder="{{ __("Please Enter Your Address 1") }}">{{ old('line1') }}</textarea>
                                @error('line1')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <label class="text-dark" for="address">
                                {{__("Address Line 2:")}}
                            </label>
                            <textarea class="form-control" id="line2" name="line2"
                                placeholder="{{ __("Please Enter Your Address 2") }}">{{ old('line2') }}</textarea>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark" for="address"> {{__("Select Country:")}} <span
                                        class="text-danger">*</span></label>
                                <select required="" name="country_id" id="country-dropdown"
                                    class="form-control @error('country_id') is-invalid @enderror select2">
                                    <option value="">{{ __('Select country') }}</option>
                                    @foreach($countries as $key=> $country)
                                    <option value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                                @error('country_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                                <div class="invalid-feedback">
                                    {{ __('Please select country') }}
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark" for="address"> {{__("Select State:")}} <span
                                        class="text-danger">*</span></label>
                                <select required="" name="state_id" id="state-dropdown"
                                    class="form-control @error('state_id') is-invalid @enderror select2">
                                    <option value="">
                                        {{__("Select country first")}}
                                    </option>
                                </select>
                                @error('state_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                                <div class="invalid-feedback">
                                    {{ __('Please select state') }}
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark" for="address">Select City: </label>
                                <select name="city_id" id="city-dropdown"
                                    class="form-control @error('city_id') is-invalid @enderror select2">
                                    <option value="">Please select city</option>
                                </select>
                                @error('city_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                                <div class="invalid-feedback">
                                    {{ __('Please select city') }}
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark">{{ __("Date of Birth:") }}<span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input value="{{ old('dob') }}" name="dob" type="text" id="datepicker"
                                        class="datepicker-here form-control" placeholder="dd/mm/yyyy"
                                        aria-describedby="basic-addon2" required>
                                    <div class="input-group-append">
                                        <span class="input-group-text" id="basic-addon2"><i
                                                class="feather icon-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark"> {{__('Select Constituency:')}} <span class="text-danger">*</span></label>
                                <select required="" name="constituency_id" id="" class="form-control select2">
                                    <option value="">{{ __('Choose a Constituency') }}</option>
                                    @foreach($constituency as $key=> $Constituencies)
                                    <option value="{{ $Constituencies->id }}">{{ $Constituencies->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group">
                                <label class="text-dark">{{__('Select Role:')}} <span class="text-danger">*</span></label>
                                <select id="add_fields_placeholder" required="" name="role"
                                    class="form-control select2">
                                    <option value="">{{ __('Choose a role') }}</option>
                                    @foreach($roles as $key=> $role)
                                    <option value="{{ $role->id }}">{{ strip_tags($role->name) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="form-group" id="add_fields_placeholderValue">
                                <label class="text-dark">
                                    {{__('Upload Documents:')}}
                                </label>
                                <input value="{{ old('document') }}" type="file" name="document" class="form-control"
                                    placeholder="Select Document">
                                <small>
                                    {{__('( Choose pdf file )')}}
                                </small>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12">
                            <button type="submit" class="btn btn-md btn-success">
                                {{__("+ Create")}}
                            </button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
<br>
@endsection
@section('scripts')
<!-- To show and hide designation end -->
<!-- Get country state city start  -->
<script>
    var getstatesby = @json(route('get.states.by.country'));
    var getcitiesby = @json(route('get.cities.by.state'));
</script>
<script src="{{ url('js/theme.js') }}"></script>
<!-- Get country state city end  -->
@endsection