@extends('bo.layout')
@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Toolbar-->
    <div class="toolbar" id="kt_toolbar">
        <!--begin::Container-->
        <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
            <!--begin::Page title-->
            <div data-kt-place="true" data-kt-place-mode="prepend" data-kt-place-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center me-3 flex-wrap mb-5 mb-lg-0 lh-1">
                <!--begin::Title-->
                <h1 class="d-flex align-items-center text-dark fw-bolder my-1 fs-3">Compte client</h1>
                <!--end::Title-->
                <!--begin::Separator-->
                <span class="h-20px border-gray-200 border-start mx-4"></span>
                <!--end::Separator-->
                <!--begin::Breadcrumb-->
                <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
                    <!--begin::Item-->
                    <li class="breadcrumb-item text-muted">
                        <a href="{{route('bo.home')}}" class="text-muted text-hover-primary">Accueil</a>
                    </li>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <li class="breadcrumb-item">
                        <span class="bullet bg-gray-200 w-5px h-2px"></span>
                    </li>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <li class="breadcrumb-item text-muted">
                        <a href="{{route('bo.customers.list')}}" class="text-muted text-hover-primary">Clients</a>

                    </li>
                    <!--end::Item-->
                    <li class="breadcrumb-item">
                        <span class="bullet bg-gray-200 w-5px h-2px"></span>
                    </li>
                    <!--begin::Item-->
                    <li class="breadcrumb-item text-muted badge badge-info">
                        <a href="{{route('bo.customers.loginAs', ['customerId' => $user->id])}}" class="text-muted text-hover-primary">Se connecter à la place de {{$user->getFullName()}}</a>

                    </li>
                    <!--end::Item-->
                    <!--begin::Item-->

                </ul>
                <!--end::Breadcrumb-->
            </div>
            <!--end::Page title-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Toolbar-->
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container">
            <!--begin::Navbar-->

            <!--end::Navbar-->
            <!--begin::Basic info-->
            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
                    <!--begin::Card title-->
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Détails</h3>
                    </div>
                    <!--end::Card title-->
                </div>
                <!--begin::Card header-->
                <!--begin::Content-->
                <div id="kt_account_profile_details" class="collapse show">
                    <!--begin::Form-->
                    <form id="kt_account_profile_details_form" class="form" method="post">
                        @csrf
                        <!--begin::Card body-->
                        <div class="card-body border-top p-9">
                            <!--begin::Input group-->
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label required fw-bold fs-6">Full Name</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-6 fv-row">
                                            {{Form::text('name', $user->name, ['placeholder' => __('Firstname'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                        </div>
                                        <!--end::Col-->
                                        <!--begin::Col-->
                                        <div class="col-lg-6 fv-row">
                                            {{Form::text('lastname', $user->lastname, ['placeholder' => __('Lastname'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                    <!--end::Row-->
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span class="required">Contact Phone</span>
                                    <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="Phone number must be active"></i>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::tel('phone', $user->phone, ['placeholder' => __('Phone'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span class="required">{{__('Email')}}</span>
                                    <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="{{__('Email must be valid')}}"></i>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::tel('email', $user->email, ['placeholder' => __('Email'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>

                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span>{{__('CopCoins')}}</span>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::tel('fidelity_point', $user->setting('fidelity_point'), ['placeholder' => __('CopCoins'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->

                            <!--begin::Input group-->

                            <!--end::Input group-->

                            <!--begin::Input group-->

                            <!--end::Input group-->
                            <!--begin::Input group-->
                            {{--<div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label required fw-bold fs-6">Communication</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    <!--begin::Options-->
                                    <div class="d-flex align-items-center mt-3">
                                        <!--begin::Option-->
                                        <label class="form-check form-check-inline form-check-solid me-5">
                                            <input class="form-check-input" name="communication[]" type="checkbox" value="1" />
                                            <span class="fw-bold ps-2 fs-6">Email</span>
                                        </label>
                                        <!--end::Option-->
                                        <!--begin::Option-->
                                        <label class="form-check form-check-inline form-check-solid">
                                            <input class="form-check-input" name="communication[]" type="checkbox" value="2" />
                                            <span class="fw-bold ps-2 fs-6">Phone</span>
                                        </label>
                                        <!--end::Option-->
                                    </div>
                                    <!--end::Options-->
                                </div>
                                <!--end::Col-->
                            </div>--}}
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            {{--<div class="row mb-0">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">Allow Marketing</label>
                                <!--begin::Label-->
                                <!--begin::Label-->
                                <div class="col-lg-8 d-flex align-items-center">
                                    <div class="form-check form-check-solid form-switch fv-row">
                                        <input class="form-check-input w-45px h-30px" type="checkbox" id="allowmarketing" checked="checked" />
                                        <label class="form-check-label" for="allowmarketing"></label>
                                    </div>
                                </div>
                                <!--begin::Label-->
                            </div>--}}
                            <!--end::Input group-->
                        </div>
                        <!--end::Card body-->
                        <!--begin::Actions-->
                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit">Enregistrer</button>
                        </div>
                        <!--end::Actions-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Content-->
            </div>

            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
                    <!--begin::Card title-->
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Settings</h3>
                    </div>
                    <!--end::Card title-->
                </div>
                <!--begin::Card header-->
                <!--begin::Content-->
                <div id="kt_account_profile_details" class="collapse show">
                    <!--begin::Form-->
                    <form id="kt_account_profile_details_form" class="form" method="post">
                        <input type="hidden" name="updateSettings" value="1">
                    @csrf
                    <!--begin::Card body-->
                        <div class="card-body border-top p-9">
                            <!--begin::Input group-->
                            <!--end::Input group-->

                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span class="required">Frais acheteur de 0 à 1</span>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::text('buyerFeesRate', $user->setting('buyerFeesRate') != config('setting.buyerFeesRate') ? $user->setting('buyerFeesRate'):'', ['placeholder' => config('setting.buyerFeesRate'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span class="required">{{__('buyer_shipping_fees')}} (en €) </span>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::text('buyer_shipping_fees', $user->setting('buyer_shipping_fees') != config('setting.buyer_shipping_fees') ? $user->setting('buyer_shipping_fees'):'', ['placeholder' => config('setting.buyer_shipping_fees'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>

                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span class="required">Frais vendeur  de 0 à 1</span>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::text('sellerFeesRate', $user->setting('sellerFeesRate') != config('setting.sellerFeesRate') ? $user->setting('sellerFeesRate'):'', ['placeholder' => config('setting.sellerFeesRate'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row mb-6">
                                <!--begin::Label-->
                                <label class="col-lg-4 col-form-label fw-bold fs-6">
                                    <span class="required">{{__('buyer_shipping_fees')}} (en €)</span>
                                </label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-8 fv-row">
                                    {{Form::text('seller_shipping_fees', $user->setting('seller_shipping_fees') != config('setting.seller_shipping_fees') ? $user->setting('seller_shipping_fees'):'', ['placeholder' => config('setting.seller_shipping_fees'), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->

                            <!--begin::Input group-->

                            <!--end::Input group-->

                            <!--begin::Input group-->

                            <!--end::Input group-->
                            <!--begin::Input group-->
                        {{--<div class="row mb-6">
                            <!--begin::Label-->
                            <label class="col-lg-4 col-form-label required fw-bold fs-6">Communication</label>
                            <!--end::Label-->
                            <!--begin::Col-->
                            <div class="col-lg-8 fv-row">
                                <!--begin::Options-->
                                <div class="d-flex align-items-center mt-3">
                                    <!--begin::Option-->
                                    <label class="form-check form-check-inline form-check-solid me-5">
                                        <input class="form-check-input" name="communication[]" type="checkbox" value="1" />
                                        <span class="fw-bold ps-2 fs-6">Email</span>
                                    </label>
                                    <!--end::Option-->
                                    <!--begin::Option-->
                                    <label class="form-check form-check-inline form-check-solid">
                                        <input class="form-check-input" name="communication[]" type="checkbox" value="2" />
                                        <span class="fw-bold ps-2 fs-6">Phone</span>
                                    </label>
                                    <!--end::Option-->
                                </div>
                                <!--end::Options-->
                            </div>
                            <!--end::Col-->
                        </div>--}}
                        <!--end::Input group-->
                            <!--begin::Input group-->
                        {{--<div class="row mb-0">
                            <!--begin::Label-->
                            <label class="col-lg-4 col-form-label fw-bold fs-6">Allow Marketing</label>
                            <!--begin::Label-->
                            <!--begin::Label-->
                            <div class="col-lg-8 d-flex align-items-center">
                                <div class="form-check form-check-solid form-switch fv-row">
                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="allowmarketing" checked="checked" />
                                    <label class="form-check-label" for="allowmarketing"></label>
                                </div>
                            </div>
                            <!--begin::Label-->
                        </div>--}}
                        <!--end::Input group-->
                        </div>
                        <!--end::Card body-->
                        <!--begin::Actions-->
                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit">Enregistrer</button>
                        </div>
                        <!--end::Actions-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Basic info-->
            <!--begin::Connected Accounts-->
            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_connected_accounts" aria-expanded="false" aria-controls="kt_account_connected_accounts">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Offres en cours ({{$user->offers->where('status', '<' , \App\Models\Offer::statusComplete)->count()}})</h3>
                    </div>
                </div>
                <!--end::Card header-->
                <!--begin::Content-->
                <div id="kt_account_connected_accounts" class="collapsed collapse">
                    <!--begin::Card body-->
                    <div class="card-body border-top p-9">

                        <div class="container-fluid">
                            @foreach($user->offers()->where('status', '<' , \App\Models\Offer::statusComplete)->get() as $offer)
                            <!--begin::Item-->
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="d-flex flex-column">
                                        <a href="#" class="fs-5 text-dark text-hover-primary fw-bolder">{{$offer->declination->product->name}}</a>
                                        <div class="fs-6 fw-bold text-gray-400">

                                            @foreach($offer->declination->criterions as $key => $criterion)
                                                {{$criterion->title}} : {{$criterion->pivot->value}}
                                            @endforeach

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    {{$offer->price}}
                                </div>
                                <div class="col-md-4">
                                    @switch($offer->status)
                                        @case(\App\Models\Offer::statusCancel)
                                        <span class="badge badge-error">Annulée</span>
                                        @break
                                        @case(\App\Models\Offer::statusPause)
                                        <span class="badge badge-info">Pause</span>
                                        @break
                                        @case(\App\Models\Offer::statusValid)
                                            <span class="badge badge-light-success">Valide</span>
                                        @break
                                        @case(\App\Models\Offer::statusReserved)
                                        <span class="badge badge-light-warning">Réservé</span>
                                        @break
                                        @case(\App\Models\Offer::statusWaitingPaiement)
                                        <span class="badge badge-warning">En attente de paiement</span>
                                        @break

                                        @case(\App\Models\Offer::statusComplete)
                                        <span class="badge badge-success">Payée / Terminée</span>
                                        @break


                                    @endswitch
                                </div>
                                <div class="col-md-1 justify-content-end">
                                    <a class="btn btn-primary"  target="_blank" href="{{route('bo.offers.detail', ['offerId' => $offer->id])}}">Voir</a>
                                </div>

                            </div>
                            <!--end::Item-->
                            <div class="separator separator-dashed my-5 row"></div>
                            @endforeach
                        </div>
                        <!--end::Items-->
                    </div>
                    <!--end::Card body-->

                </div>
                <!--end::Content-->
            </div>








            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_payed_offers" aria-expanded="false" aria-controls="kt_account_payed_offers">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Adresses ({{$user->addresses()->count()}})</h3>
                    </div>
                </div>
                <!--end::Card header-->
                <!--begin::Content-->
                <div id="kt_account_payed_offers" class="collapsed collapse">
                    <!--begin::Card body-->
                    @foreach($user->addresses as $index => $address )
                    <div class="card-body border-top p-9">
                        Adresse {{$index +1}}

                        <div class="container-fluid">

                            @foreach($addressFields as $field)
                                <div class="row mb-6">
                                    <!--begin::Label-->
                                    <label class="col-12 col-form-label fw-bold fs-6">
                                        <span class="required">{{ucfirst(__($field))}}</span>
                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                           title="{{ucfirst(__($field))}}"></i>
                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Col-->
                                    <div class="col-12 fv-row">
                                        {{Form::text($field, $address->{$field}, ['disabled' => 'disabled', 'placeholder' => ucfirst(__($field)), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                    </div>
                                    <!--end::Col-->
                                </div>
                            @endforeach
                            <div class="row mb-3 border-b pb-5">
                                <div class="col-12 md:col-4"><label for="default_shipping">Adresse de livraison par défaut : </label></div>
                                <div class="col-12 md:col-8"><input class="w-full p-2" id="default_shipping" type="checkbox" name="default_shipping" disabled
                                                                    @if($address->default & \App\Models\Address::isShipping) checked="checked" @endif value="1">
                                </div>
                            </div>

                            <div class="row mb-3 border-b pb-5">
                                <div class="col-12 md:col-4"><label for="default_billing">Adresse de facturation par défaut : </label></div>
                                <div class="col-12 md:col-8"><input class="w-full p-2" id="default_billing" type="checkbox" disabled
                                                                    @if($address->default & \App\Models\Address::isBilling) checked="checked"
                                                                    @endif name="default_billing" value="1"></div>
                            </div>


                        <!--end::Items-->
                        </div>
                    <!--end::Card body-->

                    <!--end::Card footer-->
                </div>
                @endforeach
                <!--end::Content-->
            </div>

            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_payed_offers" aria-expanded="false" aria-controls="kt_account_payed_offers">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Offres payées ({{$user->offers->where('status', '=' , \App\Models\Offer::statusComplete)->count()}})</h3>
                    </div>
                </div>
                <!--end::Card header-->
                <!--begin::Content-->
                <div id="kt_account_payed_offers" class="collapsed collapse">
                    <!--begin::Card body-->
                    <div class="card-body border-top p-9">

                        <div class="container-fluid">
                        @foreach($user->offers()->where('status', '=' , \App\Models\Offer::statusComplete)->get() as $offer)
                            <!--begin::Item-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column">
                                            <a href="#" class="fs-5 text-dark text-hover-primary fw-bolder">{{$offer->declination->product->name}}</a>
                                            <div class="fs-6 fw-bold text-gray-400">

                                                @foreach($offer->declination->criterions as $key => $criterion)
                                                    {{$criterion->title}} : {{$criterion->pivot->value}}
                                                @endforeach

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        {{$offer->price}}
                                    </div>
                                    <div class="col-md-3">

                                            <span class="badge badge-success">Payée / Terminée</span>
                                    </div>
                                    <div class="col-md-2 justify-content-end">
                                        <div class="form-check form-check-solid form-switch">
                                            <input class="form-check-input w-45px h-30px" type="checkbox" id="githubswitch" checked="checked" />
                                            <label class="form-check-label" for="githubswitch"></label>
                                        </div>
                                    </div>
                                </div>
                                <!--end::Item-->
                                <div class="separator separator-dashed my-5 row"></div>
                            @endforeach
                        </div>
                        <!--end::Items-->
                    </div>
                    <!--end::Card body-->

                    <!--end::Card footer-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Connected Accounts-->
            <!--begin::Notifications-->
            {{-- <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_email_preferences" aria-expanded="true" aria-controls="kt_account_email_preferences">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Email Preferences</h3>
                    </div>
                </div>
                <!--begin::Card header-->
                <!--begin::Content-->
                <div id="kt_account_email_preferences" class="collapse show">
                    <!--begin::Form-->
                    <form class="form">
                        <!--begin::Card body-->
                        <div class="card-body border-top px-9 py-9">
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Successful Payments</span>
														<span class="text-muted fs-6">Receive a notification for every successful payment.</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <div class="separator separator-dashed my-6"></div>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" checked="checked" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Payouts</span>
														<span class="text-muted fs-6">Receive a notification for every initiated payout.</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <div class="separator separator-dashed my-6"></div>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Fee Collection</span>
														<span class="text-muted fs-6">Receive a notification each time you collect a fee from sales</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <div class="separator separator-dashed my-6"></div>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" checked="checked" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Customer Payment Dispute</span>
														<span class="text-muted fs-6">Receive a notification if a payment is disputed by a customer and for dispute purposes.</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <div class="separator separator-dashed my-6"></div>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Refund Alerts</span>
														<span class="text-muted fs-6">Receive a notification if a payment is stated as risk by the Finance Department.</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <div class="separator separator-dashed my-6"></div>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" checked="checked" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Invoice Payments</span>
														<span class="text-muted fs-6">Receive a notification if a customer sends an incorrect amount to pay their invoice.</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <div class="separator separator-dashed my-6"></div>
                            <!--end::Option-->
                            <!--begin::Option-->
                            <label class="form-check form-check-custom form-check-solid align-items-start">
                                <!--begin::Input-->
                                <input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1" />
                                <!--end::Input-->
                                <!--begin::Label-->
                                <span class="form-check-label d-flex flex-column align-items-start">
														<span class="fw-bolder fs-5 mb-0">Webhook API Endpoints</span>
														<span class="text-muted fs-6">Receive notifications for consistently failing webhook API endpoints.</span>
													</span>
                                <!--end::Label-->
                            </label>
                            <!--end::Option-->
                        </div>
                        <!--end::Card body-->
                        <!--begin::Card footer-->
                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <button class="btn btn-white btn-active-light-primary me-2">Discard</button>
                            <button class="btn btn-primary px-6">Save Changes</button>
                        </div>
                        <!--end::Card footer-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Notifications-->
            <!--begin::Notifications-->
            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_notifications" aria-expanded="true" aria-controls="kt_account_notifications">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Notifications</h3>
                    </div>
                </div>
                <!--begin::Card header-->
                <!--begin::Content-->
                <div id="kt_account_notifications" class="collapse show">
                    <!--begin::Form-->
                    <form class="form">
                        <!--begin::Card body-->
                        <div class="card-body border-top px-9 pt-3 pb-4">
                            <!--begin::Table-->
                            <div class="table-responsive">
                                <table class="table table-row-dashed border-gray-300 align-middle gy-6">
                                    <tbody class="fs-6 fw-bold">
                                    <!--begin::Table row-->
                                    <tr>
                                        <td class="min-w-250px fs-4 fw-bolder">Notifications</td>
                                        <td class="w-125px">
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="kt_settings_notification_email" checked="checked" data-kt-check="true" data-kt-check-target="[data-kt-settings-notification=email]" />
                                                <label class="form-check-label ps-2" for="kt_settings_notification_email">Email</label>
                                            </div>
                                        </td>
                                        <td class="w-125px">
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="kt_settings_notification_phone" checked="checked" data-kt-check="true" data-kt-check-target="[data-kt-settings-notification=phone]" />
                                                <label class="form-check-label ps-2" for="kt_settings_notification_phone">Phone</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--begin::Table row-->
                                    <!--begin::Table row-->
                                    <tr>
                                        <td>Billing Updates</td>
                                        <td>
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="1" id="billing1" checked="checked" data-kt-settings-notification="email" />
                                                <label class="form-check-label ps-2" for="billing1"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="billing2" checked="checked" data-kt-settings-notification="phone" />
                                                <label class="form-check-label ps-2" for="billing2"></label>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--begin::Table row-->
                                    <!--begin::Table row-->
                                    <tr>
                                        <td>New Team Members</td>
                                        <td>
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="team1" checked="checked" data-kt-settings-notification="email" />
                                                <label class="form-check-label ps-2" for="team1"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="team2" data-kt-settings-notification="phone" />
                                                <label class="form-check-label ps-2" for="team2"></label>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--begin::Table row-->
                                    <!--begin::Table row-->
                                    <tr>
                                        <td>Completed Projects</td>
                                        <td>
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="project1" data-kt-settings-notification="email" />
                                                <label class="form-check-label ps-2" for="project1"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="project2" checked="checked" data-kt-settings-notification="phone" />
                                                <label class="form-check-label ps-2" for="project2"></label>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--begin::Table row-->
                                    <!--begin::Table row-->
                                    <tr>
                                        <td class="border-bottom-0">Newsletters</td>
                                        <td class="border-bottom-0">
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="newsletter1" data-kt-settings-notification="email" />
                                                <label class="form-check-label ps-2" for="newsletter1"></label>
                                            </div>
                                        </td>
                                        <td class="border-bottom-0">
                                            <div class="form-check form-check-solid">
                                                <input class="form-check-input" type="checkbox" value="" id="newsletter2" data-kt-settings-notification="phone" />
                                                <label class="form-check-label ps-2" for="newsletter2"></label>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--begin::Table row-->
                                    </tbody>
                                </table>
                            </div>
                            <!--end::Table-->
                        </div>
                        <!--end::Card body-->
                        <!--begin::Card footer-->
                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <button class="btn btn-white btn-active-light-primary me-2">Discard</button>
                            <button class="btn btn-primary px-6">Save Changes</button>
                        </div>
                        <!--end::Card footer-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Notifications-->
            --}}
            <!--begin::Deactivate Account-->
            @if($user->status !== 'banned')
            <div class="card">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_deactivate" aria-expanded="true" aria-controls="kt_account_deactivate">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Désactivation du compte</h3>
                    </div>
                </div>
                <!--end::Card header-->
                <!--begin::Content-->
                <div id="kt_account_deactivate" class="collapse collapsed">
                    <!--begin::Form-->
                    <form id="kt_account_deactivate_form" class="form" method="post">
                        @csrf
                        <!--begin::Card body-->
                        <div class="card-body border-top p-9">
                            <!--begin::Notice-->
                            <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-9 p-6">
                                <!--begin::Icon-->
                                <!--begin::Svg Icon | path: icons/duotone/Code/Warning-1-circle.svg-->
                                <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">
														<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
															<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10" />
															<rect fill="#000000" x="11" y="7" width="2" height="8" rx="1" />
															<rect fill="#000000" x="11" y="16" width="2" height="2" rx="1" />
														</svg>
													</span>
                                <!--end::Svg Icon-->
                                <!--end::Icon-->
                                <!--begin::Wrapper-->
                                <div class="d-flex flex-stack flex-grow-1">
                                    <!--begin::Content-->
                                    <div class="fw-bold">
                                        <h4 class="text-gray-800 fw-bolder">Désactivation du compte</h4>
                                        <div class="fs-6 text-gray-600">Après cette opération ce compte ne pourra plus passer de commandes, devenir vendeur, ou déposer des offres, ses offres seront automatiquement annulées</div>
                                    </div>
                                    <!--end::Content-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::Notice-->
                            <!--begin::Form input row-->
                            <div class="form-check form-check-solid fv-row">

                                <label class="form-check-label fw-bold ps-2 fs-6" for="banAccount">
                                    <input name="banAccount" class="form-check-input" type="checkbox" value="1" id="banAccount" />
                                    Confirmer la désactivation du compte</label>
                            </div>
                            <!--end::Form input row-->
                        </div>
                        <!--end::Card body-->
                        <!--begin::Card footer-->
                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <button id="kt_account_deactivate_account_submit" type="submit" class="btn btn-danger fw-bold">Désactiver le compte</button>
                        </div>
                        <!--end::Card footer-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Deactivate Account-->
            @endif
            @if($user->status == 'banned')
            <!--begin::Activate Account-->
            <div class="card">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_activate" aria-expanded="true" aria-controls="kt_account_deactivate">
                    <div class="card-title m-0">
                        <h3 class="fw-bolder m-0">Activation du compte</h3>
                    </div>
                </div>
                <!--end::Card header-->
                <!--begin::Content-->
                <div id="kt_account_activate" class="collapse collapsed">
                    <!--begin::Form-->
                    <form id="kt_account_activate_form" class="form" method="post">
                    @csrf
                    <!--begin::Card body-->
                        <div class="card-body border-top p-9">
                            <!--begin::Notice-->
                            <div class="notice d-flex bg-light-warning rounded border-success border border-dashed mb-9 p-6">
                                <!--begin::Icon-->
                                <!--begin::Svg Icon | path: icons/duotone/Code/Warning-1-circle.svg-->
                                <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">
														<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
															<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10" />
															<rect fill="#000000" x="11" y="7" width="2" height="8" rx="1" />
															<rect fill="#000000" x="11" y="16" width="2" height="2" rx="1" />
														</svg>
													</span>
                                <!--end::Svg Icon-->
                                <!--end::Icon-->
                                <!--begin::Wrapper-->
                                <div class="d-flex flex-stack flex-grow-1">
                                    <!--begin::Content-->
                                    <div class="fw-bold">
                                        <h4 class="text-gray-800 fw-bolder">Activer du compte</h4>
                                        <div class="fs-6 text-gray-600">Après cette opération ce compte pourra passer des commandes, devenir vendeur, ou déposer des offres</div>
                                    </div>
                                    <!--end::Content-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::Notice-->
                            <!--begin::Form input row-->
                            <div class="form-check form-check-solid fv-row">

                                <label class="form-check-label fw-bold ps-2 fs-6" for="validAccount">
                                    <input name="validAccount" class="form-check-input" type="checkbox" value="1" id="validAccount" />
                                    Confirmer l'activation du compte</label>
                            </div>
                            <!--end::Form input row-->
                        </div>
                        <!--end::Card body-->
                        <!--begin::Card footer-->
                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <button id="kt_account_activate_account_submit" type="submit" class="btn btn-success fw-bold">Activer le compte</button>
                        </div>
                        <!--end::Card footer-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Activate Account-->
            @endif
            <!--begin::Modals-->
            <!--begin::Modal - Two-factor authentication-->
            <!--end::Modal - Two-factor authentication-->
            <!--end::Modals-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Post-->
</div>
@endsection

@section('extra-javascript')
<script type="text/javascript">

    $(document).ready(function () {

    });

</script>
@endsection