@extends('layouts.client')

@section('content')
    <section class="animation-fade-in grow min-h-screen py-36"
        style="
        background: url({{ asset('img/bg_contact.jpg') }});
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        ">
        <div class="rounded mx-auto container">
            <!-- Tabs -->
            <ul id="tabs" class="inline-flex w-full border-b border-white">
                @foreach (config('client.dropdown') as $route)
                    <li @class([
                        'bg-white' => Route::currentRouteName() === $route['route_name'],
                        'border-t border-r' => true,
                        'hover:opacity-80 text-gray-800 font-semibold rounded-t' => true,
                    ])>
                        <a class="py-2 px-4 block" href="{{ client_route($route['route_name']) }}">{{ __($route['label']) }}</a>
                    </li>
                @endforeach
            </ul>
            <div class="w-full max-w-full bg-white p-8 m-[auto 0]">
                @yield('tab-content')
            </div>
        </div>
    </section>
@endsection
