@extends('layouts.app')
@section('content')

<div class="container border mt-4">
<div class="mw-md py-5">

    <div class="text-center">
        <p class="op-07 mb-4">Gérer mon compte</p>
    </div>

    <div class="nav nav-fill" id="side-tab" role="tablist" aria-orientation="vertical">
        <a class="nav-link active" id="side-tab-1-tab" data-bs-toggle="pill" href="#side-tab-1" role="tab"
            aria-controls="side-tab-1" aria-selected="true"><i class="me-1 bi-person-circle"></i> Profile</a>
        <a class="nav-link" id="side-tab-2-tab" data-bs-toggle="pill" href="#side-tab-2" role="tab"
            aria-controls="side-tab-2" aria-selected="false"><i class="me-1 bi-envelope-plus-fill"></i> Abonnement</a>
        <a class="nav-link" id="side-tab-3-tab" data-bs-toggle="pill" href="#side-tab-3" role="tab"
            aria-controls="side-tab-3" aria-selected="false"><i class="me-1 bi-shield-lock-fill"></i> Mot de passe</a>


    </div>

    <!-- Tab Content -->
    <div class="tab-content" id="side-tab-tabContent">
        <div class="tab-pane show active" id="side-tab-1" role="tabpanel" aria-labelledby="side-tab-1-tab">

        </div>

        <div class="tab-pane" id="side-tab-2" role="tabpanel" aria-labelledby="side-tab-2-tab">
            efg
        </div>
        <div class="tab-pane" id="side-tab-3" role="tabpanel" aria-labelledby="side-tab-3-tab">
            <form class="mt-4" class="row" id="freelance-quote" action="{{ route('register') }}" autocomplete="off" method="post">
                @csrf
                <div class="col-sm-12 form-group">
                    <label>Nom complet <span class="text-danger">*</span> </label>
                    <input type="text" name="name" class="form-control required" value="{{old('name')}}" required>
                    @error('name')
                    <div class="text-danger">
                        {{ $message }}
                    </div>
                    @enderror
                </div>
                <div class="col-sm-12 form-group">
                    <label>Nom complet <span class="text-danger">*</span> </label>
                    <input type="text" name="name" class="form-control required" value="{{old('name')}}" required>
                    @error('name')
                    <div class="text-danger">
                        {{ $message }}
                    </div>
                    @enderror
                </div>
                <div class="col-sm-12 form-group">
                    <label>Nom complet <span class="text-danger">*</span> </label>
                    <input type="text" name="name" class="form-control required" value="{{old('name')}}" required>
                    @error('name')
                    <div class="text-danger">
                        {{ $message }}
                    </div>
                    @enderror
                </div>
            </form>
        </div>


    </div>

</div>

</div> <!-- Container End -->

@endsection