@extends('layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <form action="{{ route('admin.store') }}" method="POST">
                @csrf
                @if (isset($data))
                    <input name="id" type="hidden" value="{{ $data->id }}">
                @endif
                <div class="card">
                    <div class="card-body row">
                        <h4 class="card-title py-3">{{ isset($data) ? __('translation.Edit_User') : __('translation.Add_User') }}</h4>
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="fname" class="col-md-4 col-form-label">@lang('translation.First_Name')</label>
                                <div class="col-md-8">
                                    <input name="fname" class="form-control @error('fname') is-invalid @enderror" type="text" value="{{ old('fname', isset($data) ? $data->fname : '') }}" id="fname">
                                    @error('fname')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="lname" class="col-md-4 col-form-label">@lang('translation.Last_Name')</label>
                                <div class="col-md-8">
                                    <input name="lname" class="form-control @error('lname') is-invalid @enderror" type="text" value="{{ old('lname', isset($data) ? $data->lname : '') }}" id="lname">
                                    @error('lname')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <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="text" value="{{ old('email', isset($data) ? $data->email : '') }}" id="email">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-md-4 col-form-label">@lang('translation.Role')</label>
                                <div class="col-md-8">
                                    <select class="form-select @error('role') is-invalid @enderror" name="role">
                                        @foreach ($role as $d)
                                        <option value="{{ $d->id }}" @isset($data) {{ $data['role'] == $d->id ? 'selected' : '' }} @endisset>
                                            {{ $d->role }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('role')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <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="Y" @if ((isset($data) && $data->status == 'Y') || old('status') == 'Y') selected @endif>@lang('translation.Active')</option>
                                        <option value="N" @if ((isset($data) && $data->status == 'N') || old('status') == 'N') selected @endif>@lang('translation.Inactive')</option>
                                    </select>
                                    @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <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">
                                        <input name="password" type="password" class="form-control @error('password') is-invalid @enderror" id="password">
                                        <button type="button" class="btn btn-outline-secondary" onclick="togglePasswordVisibility('password')">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    </div>
                                    @error('password')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="password_confirmation" class="col-md-4 col-form-label">@lang('translation.Confirm_Password')</label>
                                <div class="col-md-8">
                                    <div class="input-group">
                                        <input name="password_confirmation" type="password" class="form-control @error('password_confirmation') is-invalid @enderror" id="password_confirmation">
                                        <button type="button" class="btn btn-outline-secondary" onclick="togglePasswordVisibility('password_confirmation')">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    </div>
                                    @error('password_confirmation')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <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) ? __('translation.Update') : __('translation.Submit') }}</button>
                        </div>
                    </div>
                </div>

            </form>
        </div> <!-- end col -->
    </div>
    <script>
        function togglePasswordVisibility(id) {
            let passwordField = document.getElementById(id);
            let passwordFieldType = passwordField.type;
            passwordField.type = passwordFieldType === 'password' ? 'text' : 'password';
        }
    </script>
    <!-- end row -->
@endsection