@extends("website.service-providers.layouts.layout")
@section('title', "Services")
@section("body")
<link rel="stylesheet" href="{{ asset('css/sp.css') }}">

<section class="banner-services">
    <img class="banner-background-ellipse" src="{{ asset('assets/images/banner-bg-img.png') }}" alt="">
</section>

<section class="services-breadcrumb-section dashboard-breadcrumb">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">My Profile</li>
                <li class="breadcrumb-item active" aria-current="page">Service Profile</li>
                <li class="breadcrumb-item active" aria-current="page">Service Profile Manage</li>
            </ol>
        </nav>
    </div>
</section>

<section class="dashboard-main">
    <div class="container">
        <div class="row">
            @include("website.service-providers.includes.sidebar")
            @include("website.layouts.modal")

            <div class="main-content">
                <div class="main-content-wrapper my-profile">
                    <div class="service-profile d-flex flex-column gap-8px">
                        <h3 class="font-size-18">Service Profile</h3>
                        <div class="service-profile-block">
                            <!-- <div class="accordion accordion-flush service-profile-accordion" id="serviceProfile">
                                <div class="accordion-item service-accordion-item">
                                    <h2 class="accordion-header service-accordion-header">
                                        <button class="accordion-button collapsed fw-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#serviceProfileOne"
                                            aria-expanded="false" aria-controls="serviceProfileOne">
                                            Vehicles
                                        </button>
                                    </h2>
                                    <div id="serviceProfileOne" class="accordion-collapse collapse"
                                        data-bs-parent="#serviceProfile">
                                        <div class="accordion-body service-accordion-body">
                                            <h5 class="head font-size-14">dummy text</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item  service-accordion-item">
                                    <h2 class="accordion-header service-accordion-header">
                                        <button class="accordion-button collapsed fw-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#serviceProfileTwo"
                                            aria-expanded="false" aria-controls="serviceProfileTwo">
                                            Tools
                                        </button>
                                    </h2>
                                    <div id="serviceProfileTwo" class="accordion-collapse collapse"
                                        data-bs-parent="#serviceProfile">
                                        <div class="accordion-body  service-accordion-body">
                                            <h5 class="head font-size-14">dummy text</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item service-accordion-item">
                                    <h2 class="accordion-header service-accordion-header">
                                        <button class="accordion-button collapsed fw-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#serviceProfileThree"
                                            aria-expanded="false" aria-controls="serviceProfileThree">
                                            Languages
                                        </button>
                                    </h2>
                                    <div id="serviceProfileThree" class="accordion-collapse collapse"
                                        data-bs-parent="#serviceProfile">
                                        <div class="accordion-body  service-accordion-body">
                                            <h5 class="head font-size-14">dummy text</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item service-accordion-item">
                                    <h2 class="accordion-header service-accordion-header">
                                        <button class="accordion-button collapsed fw-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#serviceProfileFour"
                                            aria-expanded="false" aria-controls="serviceProfileFour">
                                            Add Bio
                                        </button>
                                    </h2>
                                    <div id="serviceProfileFour" class="accordion-collapse collapse"
                                        data-bs-parent="#serviceProfile">
                                        <div class="accordion-body  service-accordion-body">
                                            <h5 class="head font-size-14">dummy text</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item service-accordion-item">
                                    <h2 class="accordion-header service-accordion-header">
                                        <button class="accordion-button collapsed fw-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#serviceProfileFive"
                                            aria-expanded="false" aria-controls="serviceProfileFive">
                                            Closing Messages
                                        </button>
                                    </h2>
                                    <div id="serviceProfileFive" class="accordion-collapse collapse"
                                        data-bs-parent="#serviceProfile">
                                        <div class="accordion-body  service-accordion-body">
                                            <h5 class="head font-size-14">dummy text</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item service-accordion-item">
                                    <h2 class="accordion-header service-accordion-header">
                                        <button class="accordion-button collapsed fw-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#serviceProfileSix"
                                            aria-expanded="false" aria-controls="serviceProfileSix">
                                            Certificates & License
                                        </button>
                                    </h2>
                                    <div id="serviceProfileSix" class="accordion-collapse collapse"
                                        data-bs-parent="#serviceProfile">
                                        <div class="accordion-body  service-accordion-body">
                                            <h5 class="head font-size-14">dummy text</h5>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                            <div class="povider-redirec-body d-flex align-items-center justofy-content-between">
                                <a href="{{route('sp.myAccount')}}" class="provider-service-redirecItems">Personal Info</a>
                                <svg width="7" height="12" viewBox="0 0 7 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.314724 11.2946C0.704297 11.6842 1.33592 11.6842 1.72549 11.2946L6.313 6.70711C6.70353 6.31658 6.70353 5.68342 6.313 5.29289L1.72549 0.705384C1.33592 0.315811 0.704297 0.315811 0.314724 0.705384C-0.0745493 1.09466 -0.0748936 1.72569 0.313955 2.11538L4.19011 6L0.313954 9.88462C-0.0748938 10.2743 -0.0745493 10.9053 0.314724 11.2946Z"
                                        fill="#2446C0" />
                                </svg>

                            </div>
                            <div class="povider-redirec-body d-flex align-items-center justofy-content-between">
                                <a href="{{route('achievement.skill')}}" class="provider-service-redirecItems">Skills</a>
                                <svg width="7" height="12" viewBox="0 0 7 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.314724 11.2946C0.704297 11.6842 1.33592 11.6842 1.72549 11.2946L6.313 6.70711C6.70353 6.31658 6.70353 5.68342 6.313 5.29289L1.72549 0.705384C1.33592 0.315811 0.704297 0.315811 0.314724 0.705384C-0.0745493 1.09466 -0.0748936 1.72569 0.313955 2.11538L4.19011 6L0.313954 9.88462C-0.0748938 10.2743 -0.0745493 10.9053 0.314724 11.2946Z"
                                        fill="#2446C0" />
                                </svg>
                            </div>
                            <div class="povider-redirec-body d-flex align-items-center justofy-content-between">
                                <a href="{{route('service-profile.languages')}}" class="provider-service-redirecItems">Languages</a>
                                <svg width="7" height="12" viewBox="0 0 7 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.314724 11.2946C0.704297 11.6842 1.33592 11.6842 1.72549 11.2946L6.313 6.70711C6.70353 6.31658 6.70353 5.68342 6.313 5.29289L1.72549 0.705384C1.33592 0.315811 0.704297 0.315811 0.314724 0.705384C-0.0745493 1.09466 -0.0748936 1.72569 0.313955 2.11538L4.19011 6L0.313954 9.88462C-0.0748938 10.2743 -0.0745493 10.9053 0.314724 11.2946Z"
                                        fill="#2446C0" />
                                </svg>
                            </div>
                            <div class="povider-redirec-body d-flex align-items-center justofy-content-between">
                                <a href="{{route('service-profile.allergies')}}" class="provider-service-redirecItems">Allergies</a>
                                <svg width="7" height="12" viewBox="0 0 7 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.314724 11.2946C0.704297 11.6842 1.33592 11.6842 1.72549 11.2946L6.313 6.70711C6.70353 6.31658 6.70353 5.68342 6.313 5.29289L1.72549 0.705384C1.33592 0.315811 0.704297 0.315811 0.314724 0.705384C-0.0745493 1.09466 -0.0748936 1.72569 0.313955 2.11538L4.19011 6L0.313954 9.88462C-0.0748938 10.2743 -0.0745493 10.9053 0.314724 11.2946Z"
                                        fill="#2446C0" />
                                </svg>
                            </div>
                            <div class="povider-redirec-body d-flex align-items-center justofy-content-between">
                                <a href="" class="provider-service-redirecItems">Background Check</a>
                                <svg width="7" height="12" viewBox="0 0 7 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.314724 11.2946C0.704297 11.6842 1.33592 11.6842 1.72549 11.2946L6.313 6.70711C6.70353 6.31658 6.70353 5.68342 6.313 5.29289L1.72549 0.705384C1.33592 0.315811 0.704297 0.315811 0.314724 0.705384C-0.0745493 1.09466 -0.0748936 1.72569 0.313955 2.11538L4.19011 6L0.313954 9.88462C-0.0748938 10.2743 -0.0745493 10.9053 0.314724 11.2946Z"
                                        fill="#2446C0" />
                                </svg>
                            </div>
                          

                        </div>





                    </div>



                </div>


            </div>
        </div>
    </div>
</section>

@endsection