@extends('layouts.master')
@section('title')
    User Add
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <form action="{{ route('users.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                @isset($data)
                    <input name="id" type="hidden" value="{{ $data->id }}">
                @endisset
                <div class="card">
                    <div class="card-body row">
                        <h4 class="card-title py-3">
                            @isset($data)
                                @lang('translation.Edit_User')
                            @else
                                @lang('translation.Add_User')
                            @endisset
                        </h4>

                        {{-- Name --}}
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="name" class="col-md-4 col-form-label">@lang('translation.Name')</label>
                                <div class="col-md-8">
                                    <input name='name' class="form-control @error('name') is-invalid @enderror"
                                        type="text" value="{{ isset($data) ? $data->name : old('name') }}"
                                        id="name">
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        {{-- Email --}}
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="email" class="col-md-4 col-form-label">@lang('translation.Email')</label>
                                <div class="col-md-8">
                                    <input name='email' class="form-control @error('email') is-invalid @enderror"
                                        type="email" value="{{ isset($data) ? $data->email : old('email') }}"
                                        id="email">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        {{-- Password --}}
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="password" class="col-md-4 col-form-label">@lang('translation.Password')</label>
                                <div class="col-md-8">
                                    <div class="input-group auth-pass-inputgroup @error('password') is-invalid @enderror">
                                        <input type="password" name="password"
                                            class="form-control  @error('password') is-invalid @enderror" id="userpassword"
                                            value="" placeholder="Enter password" aria-label="Password"
                                            aria-describedby="password-addon">
                                        <button class="btn btn-light " type="button" id="password-addon"><i
                                                class="mdi mdi-eye-outline"></i></button>
                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Role --}}
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <div class="col-md-4">
                                <label for="role" class="col-md-6 col-form-label">@lang('translation.User_Role')</label>
                                </div>
                                <div class="col-md-8">
                                    <select name="role" class="form-select @error('role') is-invalid @enderror"
                                        id="role">
                                        <option value="">-- @lang('translation.Select_Role') --</option>
                                        @foreach ($roles as $role)
                                            <option value="{{ $role->id }}"
                                                @if ((isset($data) && $data->role == $role->id) || old('role') == $role->id) selected @endif>
                                                {{ $role->role_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('role')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        {{-- DOB --}}
                        {{-- <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="dob" class="col-md-4 col-form-label">@lang('translation.DOB')</label>
                                <div class="col-md-8">
                                    <input name='dob' class="form-control @error('dob') is-invalid @enderror"
                                        type="date" value="{{ isset($data) ? $data->dob : old('dob') }}" id="dob">
                                    @error('dob')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div> --}}

                        {{-- Avatar --}}
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="avatar" class="col-md-4 col-form-label">@lang('translation.Avatar')</label>
                                <div class="col-md-8">
                                    <input name='avatar' class="form-control @error('avatar') is-invalid @enderror"
                                        type="file" id="avatar">
                                    @if (isset($data) && $data->avatar)
                                        <img src="{{ asset('storage/' . $data->avatar) }}" alt="avatar" class="mt-2"
                                            height="50">
                                    @endif
                                    @error('avatar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        {{-- Status --}}
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label class="col-md-4 col-form-label">@lang('translation.Status')</label>
                                <div class="col-md-8">
                                    <select class="form-select @error('status') is-invalid @enderror" name="status">
                                        <option value='active' @if ((isset($data) && $data->status == 'active') || old('status') == 'active') selected @endif>
                                            @lang('translation.Active')
                                        </option>
                                        <option value='inactive' @if ((isset($data) && $data->status == 'inactive') || old('status') == 'inactive') selected @endif>
                                            @lang('translation.Inactive')
                                        </option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        {{-- Submit Button --}}
                        <div class="col-md-12 d-flex align-items-center justify-content-end py-3">
                            <button class='btn px-4 btn-info' type='submit'>
                                @isset($data)
                                    @lang('translation.Update')
                                @else
                                    @lang('translation.Submit')
                                @endisset
                            </button>
                        </div>

                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection