@extends('admin.master')
@section('title', 'Admin Role Create')
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{ translate('Dashboard') }}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ translate('Dashboard') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ translate('User') }}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-35">
            <div class="page-title d-flex justify-content-between align-items-center">
                <h4>{{ translate('Add Staff') }}</h4>
                <a href="{{ route('admin.list') }}" class="eg-btn btn--primary back-btn">
                    <img src="{{ asset('backend/assets/images/icons/back.svg') }}" alt="back-icon">{{ translate('Go Back') }}</a>
            </div>
        </div>
        <div class="row">
            <div class="eg-card product-card">
                <form enctype="multipart/form-data" method="POST" action="{{ route('admin.store.admin') }}">
                    @csrf
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-inner mb-35">
                                <label>{{ translate('First Name') }} <span> * </span> </label>
                                <input type="text" class="username-input" name="fname"
                                    placeholder="{{ translate('Enter Your First Name') }}">
                                @error('fname')
                                    <span class="text-danger error-text fname_err">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-inner mb-35">
                                <label>{{ translate('Last Name ') }}<span> * </span></label>
                                <input type="text" class="username-input" name="lname"
                                    placeholder="{{ translate('Enter Your Last Name') }}">

                                @error('lname')
                                    <span class="text-danger error-text lname_err">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-inner mb-35">
                                <label>{{ translate('Email') }}<span> * </span></label>
                                <input type="text" class="username-input" name="email"
                                    placeholder="{{ translate('Enter Your Email') }}">
                                @error('email')
                                    <span class="text-danger error-text email_err">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-inner mb-35">
                                <label>{{ translate('Password') }}<span> * </span></label>
                                <input type="password" class="username-input" name="password" placeholder="********">
                                @error('password')
                                    <span class="text-danger error-text password_err">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-inner mb-35">
                                <label>{{ translate('Confirm Password') }}<span> * </span></label>
                                <input type="password" class="username-input" name="confirm_password"
                                    placeholder="********">
                                @error('confirm_password')
                                    <span class="text-danger error-text confirm_password_err">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-inner mb-35">
                            <label>{{ translate('Assign Role') }}<span> * </span></label>
                            <select class="js-example-basic-single" name="roles[]" multiple="multiple">
                                @foreach ($role as $item)
                                    <option value="{{ $item->name }}">{{ $item->name }}</option>
                                @endforeach
                            </select>

                            @error('roles')
                                <span class="text-danger error-text roles_err">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="add-btn-area d-flex jusify-content-center pt-4">
                        <button type="submit" class="eg-btn btn--dark mx-auto"> <img
                                src="{{ asset('backend/assets/images/icons/add-icon.svg') }}" alt="add-icon">
                            {{ translate('Create') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection