@extends('inc.layout')
@section('content')
    <!-- Form Start -->
    <div class="container-fluid pt-4 px-4 mb-5">
        <div class="row g-4">
            @if (session('success'))
            <div class="col-12">
                <div class="alert alert-success alert-dismissible fade show" role="alert">{{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>                
            </div>
            @endif

            @if (session('error'))
            <div class="col-12">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>            
            </div>            
            @endif
            
            <div class="col-12 col-md-6 bg-light">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('profile.edit_name')}}">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5">Edit Name</h1>
                            </div>
                            <div class="modal-body">
                                @csrf
                                <div class="mb-3">
                                    <label for="Name" class="form-label">Name</label>
                                    <input type="text" value="{{auth()->user()->name}}" class="form-control" id="user_name" name="user_name" aria-describedby="Title">
                                </div>
                            
                                <div class="mb-3">
                                    <label for="meta_author" class="form-label">Email</label>
                                    <input type="text" value="{{auth()->user()->email ?? 'N/A'}}" class="form-control" disabled>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" name="update" id="update" class="btn btn-primary">Update</button>
                            </div>                            
                        </form>
                    </div>
                </div>
            </div>


            <div class="col-12 col-md-6 bg-light">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('profile.edit_password') }}">
                            @csrf
                            <div class="modal-header">
                                <h1 class="modal-title fs-5">Edit Password</h1>
                            </div>
                            <div class="modal-body">
                                <div class="mb-3">
                                    <label for="Current Password" class="form-label">Current Password</label>
                                    <input type="password" class="form-control @error('current_password') is-invalid @enderror" id="current_password" name="current_password"
                                        aria-describedby="Current Password">
                                    @error('current_password')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="mb-3">
                                    <label for="New Password" class="form-label">New Password</label>
                                    <input type="password" class="form-control @error('new_password') is-invalid @enderror" id="new_password" name="new_password"
                                        aria-describedby="New Password">
                                    @error('new_password')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 bg-light">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('profile.edit_email') }}">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5">Receive Messages</h1>
                            </div>
                            <div class="modal-body">
                                @csrf
                                <div class="mb-3">
                                    <label for="email" class="form-label">New Email</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" aria-describedby="Email" placeholder="Please enter email">
                                    @error('email')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            
                                <div class="mb-3">
                                    <label for="meta_author" class="form-label">Old Email</label>
                                    <input type="text" value="{{$app_settings_info->email ?? "N/A"}}" class="form-control" disabled>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" name="update" id="update" class="btn btn-primary">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Form End -->
    @endsection