{{-- EXTENDS TO LAYOUT ADMIN --}}
@extends('layouts.admin.dashboard')

@section('edit-user-form')
    {{-- EDIT USER FORM --}}
    <div class="card w-100 border shadow-lg">
        <div class="card-header fs-5 fw-bold">Edit user</div>
        <div class="card-body d-flex flex-column justify-content-center align-items-center overflow-auto">
            {{-- ERRORS AND SUCCESS FLASH SESSION --}}
            @if (session('error'))
                <div class="alert alert-danger w-100" style="max-width: 600px;">{{session('error')}}</div>
            @endif
            @if (session('success'))
                <div class="alert alert-success w-100" style="max-width: 600px;">{{session('success')}}</div>
            @endif
            {{-- FORM EDIT USER --}}
            <form action="{{route('edit-user-process')}}" method="post" class="w-100 p-3 border rounded" style="max-width: 600px;">
                @method('put')
                @csrf
                {{-- HIDDEN INPUT ID --}}
                <input type="hidden" name="id" value="{{$commonUser->id}}" class="form-control" readonly>
                {{-- USER NAME --}}
                <div class="form-group">
                    <label for="name" class="form-label fw-bold">Name:</label>
                    <input type="text" name="name" id="name" class="form-control" value="{{$commonUser->name}}" required>
                </div>
                @error('name')
                    <span class="text-danger">{{$message}}</span>
                @enderror
                {{-- EMAIL --}}
                <div class="form-group mt-3">
                    <label for="email" class="form-label fw-bold">Email:</label>
                    <input type="text" name="email" id="email" class="form-control" value="{{$commonUser->email}}" required>
                </div>
                @error('email')
                    <span class="text-danger">{{$message}}</span>
                @enderror
                {{-- NEW PASSWORD --}}
                <div class="form-group mt-3">
                    <label for="new_password" class="form-label fw-bold">New password:</label>
                    <input type="password" name="new_password" id="new_password" class="form-control">
                </div>
                @error('new_password')
                    <span class="text-danger">{{$message}}</span>
                @enderror
                {{-- BTN WRAPPER --}}
                <div class="d-flex gap-3 justify-content-end mt-3">
                    <button class="btn btn-primary" type="submit">Update</button>
                    <button class="btn btn-secondary" type="button" onclick="window.location.href='{{ route('user-list') }}'">Close</button>
                </div>
            </form>
        </div>
    </div>
    {{-- <div class="d-flex justify-content-center">
    </div> --}}
@endsection