@extends('layouts.master')
@section('additional_headers')
    @parent
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.1/cropper.min.css" integrity="sha512-hvNR0F/e2J7zPPfLC9auFe3/SE0yG4aJCOd/qxew74NN7eyiSKjr7xJJMu1Jy2wf7FXITpWS1E/RY8yzuXN7VA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection
@section('additional_footers')
    @parent
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.1/cropper.min.js" integrity="sha512-9KkIqdfN7ipEW6B6k+Aq20PV31bjODg4AA52W+tYtAE0jE0kMx49bjJ3FgvS56wzmyfMUHbQ4Km2b7l9+Y/+Eg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@endsection
@section('page-content')
<x-app-layout>
    <x-slot name="header">
        <h2 class="">
            {{ __('Manage Account Details') }}
        </h2>
    </x-slot>

    <section class="ptb-4">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-12 mb-4">
                    @include('profile.partials.update-profile-information-form')
                </div>
                <div class="col-xl-4 col-lg-12 mb-4">
                    @include('profile.partials.update-password-form')
                </div>
                <div class="col-xl-4 col-lg-12 mb-4">
                    @include('profile.partials.update-avatar-form')
                </div>
                <div class="col-xl-4 col-lg-12 mb-4">
                    @include('profile.partials.update-header-form')
                </div>
            </div>
        </div>
    </section>
</x-app-layout>
@endsection