@extends('client.layout.master')

@section('page-title','Account Settings')
@section('title','Account Settings')

@section('content')


   <div class="container-fluid ">
       <div class="row">
           <div class="col-sm-12">
               <div class="">

                   <div class="">
                       <div class="list-product-header d-flex justify-content-between align-items-center mb-3">
                           <h4 class="m-0 d-flex align-items-center gap-2 section-header-title">
                               <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                    class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-clock">
                                   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                   <path d="M10.5 21h-4.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v3"></path>
                                   <path d="M16 3v4"></path>
                                   <path d="M8 3v4"></path>
                                   <path d="M4 11h10"></path>
                                   <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
                                   <path d="M18 16.5v1.5l.5 .5"></path>
                               </svg>
                               Account Settings
                           </h4>

                       </div>


                       <livewire:client.account />

                   </div>
               </div>
           </div>
       </div>
   </div>
@endsection