{{-- <x-app-layout>

    <div class="col-md-9 Recruitmtnt-main-section3 management_add_new_role">
        <div id="RECRUITMENT" class="tabcontent px-2"> --}}
            <div class="row">
                <div class="col-md-12">
                    {{-- <div class="col-md-12 pb-3">
                        @include('partials.breadcrumbs')
                        <h2 class="m-0">Add User Role @include('layouts.crmnov')</h2>
                    </div> --}}
                    <!-- <div class="col-md-12 general-information">
                        <h2>Add User Role</h2>
                    </div> -->
                    <form method="POST" action="{{ route('store.role') }}" enctype="multipart/form-data"
                        accept-charset="UTF-8">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div class="col-md-12 general-information-1 py-4 mb-4">
                            <div class="row form-group edit-main-form-input-sec">
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label for="">Role Name </label>
                                    <input type="text" name="name" class="form-control" placeholder="Type here ...."
                                        required="">
                                    <input type="hidden" name="is_deletable" class="form-control"
                                        placeholder="Type here ...." value="1">
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>No Of Positions </label>
                                    <select name="no_of_positions" class="form-control selectpicker custom-user-dropdown" data-live-search="true">
                                        @for($i=1;$i<10;$i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                            @endfor
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Is Manager Role </label>
                                    <select name="is_managerable" class="form-control selectpicker custom-user-dropdown">
                                        <option value="0">NO</option>
                                        <option value="1">YES</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Role Active </label>
                                    <select name="role_active" class="form-control selectpicker custom-user-dropdown">
                                        <option value="1">YES</option>
                                        <option value="0">NO</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Supervision duration </label>
                                    <select name="supervision_duration" class="form-control selectpicker custom-user-dropdown" data-live-search="true">
                                        <option value="">Select</option>
                                        <option value="1">1 month</option>
                                        <option value="3">3 month</option>
                                        <option value="6">6 month</option>
                                        <option value="9">9 month</option>
                                        <option value="12">12 month</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Appraisal duration </label>
                                    <select name="appraisal_duration" class="form-control selectpicker custom-user-dropdown" data-live-search="true">
                                        <option value="">Select</option>
                                        <option value="1">1 month</option>
                                        <option value="3">3 month</option>
                                        <option value="6">6 month</option>
                                        <option value="9">9 month</option>
                                        <option value="12">12 month</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Require home selection at login <i class="fa fa-info-circle text-muted px-1"
                                            data-bs-toggle="tooltip"
                                            data-bs-placement="right"
                                            title="Users must choose a home during login, access is limited to the selected Home">
                                            </i>
                                    </label>
                                    <select name="view_all_home" class="form-control selectpicker custom-user-dropdown">
                                        <option value="0">NO</option>
                                        <option value="1">YES</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Is this role assigned to a specific home? <i
                                            class="fa fa-info-circle text-muted px-1" data-bs-toggle="tooltip"
                                            data-bs-placement="right" data-bs-html="true"
                                            title="Yes – Role is linked to a home (Eg. Home Manager, Deputy Manager). <br><br> No – Role is company-wide (Eg. Bank Staff, RI)">
                                        </i></label>
                                    </label>
                                    <select name="is_linked_with_specific_home" class="form-control selectpicker custom-user-dropdown">
                                        <option value="0">NO</option>
                                        <option value="1">YES</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-6 mb-4">
                                    <label>Should be notified for certificate expiration?</label>
                                    <select name="notified_certificate" class="form-control selectpicker custom-user-dropdown">
                                        <option value="0">NO</option>
                                        <option value="1" selected>YES</option>
                                    </select>
                                </div>
                                <div class="col-md-6 mb-4">
                                    <label>Is this role office based?</label>
                                    <select name="is_office_staff" class="form-control selectpicker custom-user-dropdown">
                                        <option value="0">NO</option>
                                        <option value="1">YES</option>
                                    </select>
                                    </div>
                                <div class="col-md-12 col-sm-12 mb-4">
                                    <label for="">Role Description </label>
                                    <textarea class="form-control" name="description" rows="3"
                                        autocomplete="off"></textarea>
                                </div>
                                <div class="col-md-12 col-sm-12 mb-4">
                                    <label for=""> Contract </label>
                                    <input type="file" name="contract" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="row form-group add-user-main-form-btn">
                            <div class="col-md-3 col-lg-2 col-sm-4 text-center">
                                <button type="submit" class="blue-big-button w-100 mt-3 savebtm">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        {{-- </div>
    </div>
</x-app-layout> --}}