@extends('Admin/layout/master')
@section('title', 'Add User')
@section('content')
    <!-- Content wrapper -->
    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="card">
                <h5 class="card-header">Add User <a href="{{ route('user.index') }}"
                    style="background-color:rgb(255, 102, 0); color:black;border:none" class="btn-sm float-end">Back</a></h5>
                <div class="card-body">
                    <form action="{{ route('user.store') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <label for="floatingInput">User Name</label>
                                <input type="text" class="form-control" id="floatingInput" name="user_name"
                                    placeholder="Enter User Name" aria-describedby="floatingInputHelp" />
                                @error('user_name')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Password </label>
                                <input type="password" class="form-control" name="password" placeholder="Enter Password" />
                                @error('password')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">First Name</label>
                                <input type="text" class="form-control" id="floatingInput" name="first_name"
                                    placeholder="Enter First Name" aria-describedby="floatingInputHelp" />
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Last Name</label>
                                <input type="text" class="form-control" id="floatingInput" name="last_name"
                                    placeholder="Enter Last Name" aria-describedby="floatingInputHelp" />
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Email ID</label>
                                <input type="email" class="form-control" id="floatingInput" name="email"
                                    placeholder="Enter Email" aria-describedby="floatingInputHelp" />
                                @error('email')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Address</label>
                                <input type="text" class="form-control" id="floatingInput" name="address"
                                    placeholder="Enter Address" aria-describedby="floatingInputHelp" />
                                @error('address')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">City </label>
                                <input type="text" class="form-control" id="floatingInput" name="city"
                                    placeholder="Enter City" aria-describedby="floatingInputHelp" />
                                @error('city')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">State</label>
                                <input type="text" class="form-control" id="floatingInput" name="state"
                                    placeholder="Enter State" aria-describedby="floatingInputHelp" />
                                @error('state')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Phone</label>
                                <input type="text" class="form-control" id="floatingInput" name="phone"
                                    placeholder="Enter Phone" aria-describedby="floatingInputHelp" />
                                @error('phone')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Role</label>
                                <select type="text" class="form-control" id="floatingInput" name="role"
                                    aria-describedby="floatingInputHelp">
                                    <option value="">--Select--</option>
                                    @foreach ($roles as $role)
                                        <option value="{{ $role->id }}">{{ $role->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="floatingInput">Status</label>
                                <select type="text" class="form-control" id="floatingInput" name="status"
                                    aria-describedby="floatingInputHelp">
                                    <option value="">--Select--</option>
                                    <option value="1">Yes</option>
                                    <option value="1">NO</option>
                                </select>
                            </div>
                        </div>
                        <input type="submit" style="background-color:rgb(255, 102, 0); color:black;border:none" value="Save" class="btn-sm mt-2">
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection