@extends('backend.layouts.master')

@section('title')
Quản lý Hồ sơ
@endsection

@section('page-header')
<div class="row g-2 align-items-center">
    <div class="col">
        <h2 class="page-title">
            Chỉnh sửa Hồ sơ
        </h2>
    </div>
</div>
@endsection

@section('admin-content')
<div class="card">
    @include('backend.layouts.partials.messages')
    <form action="{{ route('admin.profile.update', $admin->id) }}" method="post" class="card" enctype="multipart/form-data">
        @method('PUT')
        @csrf
        <div class="row g-0">
            <div class="col-3 d-none d-md-block border-end">
                <div class="card-body">
                    <h4 class="subheader">Ảnh đại diện</h4>
                    <div class="list-group list-group-transparent">
                        <div class="row align-items-center">
                            <div style="text-align: center">
                                <span class="avatar avatar-xl">
                                    @if (isset($admin->avatar))
                                    <img src="/{{ $admin->avatar }}" class="img-avatar" alt="">
                                    @else
                                    <img src="/backend/assets/images/icon/icon.png" class="img-avatar" alt="">
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                    <h4 class="subheader mt-4">Thay ảnh đại diện</h4>
                    <div class="list-group list-group-transparent">
                        <div class="">
                            <input type="file" name="avatar" class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-9 d-flex flex-column">
                <div class="card-body">
                    <h2 class="mb-4">Tài khoản của tôi - {{ Auth::guard('admin')->user()->name }}</h2>
                    <h3 class="card-title">Chi tiết hồ sơ</h3>
                    <input type="hidden" class="form-control" name="admin_id" value="{{ $admin->id }}">
                    <div class="mb-3">
                        <div class="col-md-6">
                            <div class="form-label">Tên</div>
                            <input type="text" class="form-control" name="name" value="{{ $admin->name }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="col-md-6">
                            <div class="form-label">Email</div>
                            <input type="text" class="form-control" name="email" value="{{ $admin->email }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="col-md-6">
                            <label for="password" class="form-label">Mật khẩu</label>
                            <input type="password" class="form-control" id="password" name="password">
                        </div>
                    </div>
                </div>
                <div class="card-footer bg-transparent mt-auto">
                    <div class="btn-list justify-content-end">
                        <a href="{{ route('admin.dashboard') }}" class="btn btn-danger">Hủy</a>
                    <button type="submit" class="btn btn-primary ms-auto">Cập nhật</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

@endsection

@section('scripts')

@endsection