<div class="theme-tabs-container">
    <div class="theme-tabs d-flex overflow-x-scroll mb-2 mx-md-auto">
        <div class="theme-tabs-inner font-muli-bold px-2 px-md-0 d-flex justify-content-md-center mx-md-auto">
            <div onclick="window.location.href='{{ route('client.edit', [$client, 'client-details']) }}'"  class="theme-tab c-pointer flex-center px-2 py-1 px-xl-4 py-xl-2 bg-theme-gray-lighter hover-bg-theme-gray-light rounded-6 mr-1 mr-xl-2  {{ $section == 'client-details' ? 'active' : '' }}">Initial details</div>
            <div onclick="window.location.href='{{ route('client.edit', [$client, 'contact-persons']) }}'"  class="theme-tab c-pointer flex-center px-2 py-1 px-xl-4 py-xl-2 bg-theme-gray-lighter hover-bg-theme-gray-light rounded-6 mr-1 mr-xl-2  {{ $section == 'contact-persons' ? 'active' : '' }}">Contact Persons</div>
            <div onclick="window.location.href='{{ route('client.edit', [$client, 'address']) }}'"  class="theme-tab c-pointer flex-center px-2 py-1 px-xl-4 py-xl-2 bg-theme-gray-lighter hover-bg-theme-gray-light rounded-6 mr-1 mr-xl-2  {{ $section == 'address' ? 'active' : '' }}">Addresses</div>
            <div onclick="window.location.href='{{ route('client.edit', [$client, 'billing-details']) }}'"  class="theme-tab c-pointer flex-center px-2 py-1 px-xl-4 py-xl-2 bg-theme-gray-lighter hover-bg-theme-gray-light rounded-6 mr-1 mr-xl-2  {{ $section == 'billing-details' ? 'active' : '' }}">Financial details</div>
            <div onclick="window.location.href='{{ route('client.edit', [$client, 'contract']) }}'" class="theme-tab c-pointer flex-center px-2 py-1 px-xl-4 py-xl-2 bg-theme-gray-lighter hover-bg-theme-gray-light rounded-6 mr-1 mr-xl-2   {{ $section == 'contract' ? 'active' : '' }}">Contract </div>
            <div onclick="window.location.href='{{ route('client.edit', [$client, 'projects']) }}'"  class="theme-tab c-pointer flex-center px-2 py-1 px-xl-5 py-xl-2 bg-theme-gray-lighter hover-bg-theme-gray-light rounded-6  mr-1 mr-xl-2  {{ $section == 'projects' ? 'active' : '' }}">Projects</div>
        </div>
    </div>
</div>