@extends('admin.layouts.app')

@section('title', 'My Profile')

@section('content')

<div class="container-fluid">

    <div class="py-3">
        <h4 class="fs-18 fw-semibold">My Profile</h4>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row">

        <!-- Profile Information -->
        <div class="col-lg-6">

            <div class="card">

                <div class="card-header">
                    <h5 class="mb-0">Profile Information</h5>
                </div>

                <div class="card-body">

                    <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">

                        @csrf

                        <div class="text-center mb-4">

                            <img src="{{ $user->avatar ? asset('storage/'.$user->avatar) : asset('public/admin/assets/images/avatar-1.jpg') }}"
                                class="rounded-circle border"
                                width="120"
                                height="120"
                                style="object-fit:cover;">

                        </div>

                        <div class="mb-3">
                            <label class="form-label">Profile Image</label>

                            <input type="file"
                                name="avatar"
                                class="form-control">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Full Name</label>

                            <input type="text"
                                name="name"
                                class="form-control"
                                value="{{ old('name',$user->name) }}">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Email Address</label>

                            <input type="email"
                                name="email"
                                class="form-control"
                                value="{{ old('email',$user->email) }}">
                        </div>

                        <button class="btn btn-primary">
                            Save Changes
                        </button>

                    </form>

                </div>

            </div>

        </div>

        <!-- Change Password -->

        <div class="col-lg-6">

            <div class="card">

                <div class="card-header">
                    <h5 class="mb-0">Change Password</h5>
                </div>

                <div class="card-body">

                    <form action="{{ route('admin.profile.password') }}" method="POST">

                        @csrf

                        <div class="mb-3">
                            <label class="form-label">Current Password</label>

                            <input type="password"
                                name="current_password"
                                class="form-control">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">New Password</label>

                            <input type="password"
                                name="password"
                                class="form-control">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Confirm Password</label>

                            <input type="password"
                                name="password_confirmation"
                                class="form-control">
                        </div>

                        <button class="btn btn-primary">
                            Update Password
                        </button>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection