@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection

@section('content')

    @include('utils.preloader')

    @include('layouts.header')

    <div class="container-fluid custom-container mt-3">
        @if (Session::get('alert'))
            <div class="alert alert-warning alert-block p-4">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>Debes completar tus <b>Datos de Factura</b> para que puedas tener Perfil de DISTRIBUIDOR o Solicitar Perfil de DISTRIBUIDOR.</strong>
            </div>
        @endif
    </div>


    <div class="breadcrumb-area">
        <div class="container-fluid custom-container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                    <li class="breadcrumb-item active">Mi Cuenta</li>
                </ol>
            </nav>
        </div>
    </div>


    <div class="container-fluid custom-container">
        <client-profile-component></client-profile-component>
    </div>

    @include('layouts.newsletter')

    @include('layouts.footer')

    @include('utils.backtop')

@endsection

@section('scripts_custom')
    <script>
        new SlimSelect({
            select: '#select-filter-date',
            showSearch: false,
        })
        new SlimSelect({
            select: '#select-filter-status',
            showSearch: false,
        })
    </script>
@endsection