@extends('layouts.grid')
@section('content')
    <script>
        $(document).ready(function(){
            $(".team").click(function(event){

                var vButton		= '#' + event.target.id;
                var vContent	= '#' + event.target.id.substr(0,5);
                $(".teamcontainer").hide();
                $(vContent).show();
            });
            $("#eur-A-btn").click() ;
        });
    </script>
    <style>
        .table-container    {
            height      :300px;
            overflow-y  : auto;
        }
    </style>
    <div class="tabs is-small is-toggled">
        <div class="container">
            <ul>
                <li class="is-active"><a class="button team" id="eur-A-btn">{{ trans('labels.presentation') }}</a></li>
                <li class="is-active"><a class="button team" id="eur-B-btn">{{ trans('labels.facilities') }}</a></li>
                <li class="is-active"><a class="button team" id="eur-C-btn">{{ trans('labels.membership') }}</a></li>
            </ul>
        </div>
    </div>
    <section class="section teamcontainer"
                id="eur-A"
                data-team-cd="A">
            <div class="container">
                @include('site.presentation')
            </div>
    </section>
    <section class="section teamcontainer"
                id="eur-B"
                data-team-cd="B">
            <div class="container">
                @include('site.facilities')
            </div>
    </section>
    <section class="section teamcontainer"
                id="eur-C"
                data-team-cd="C">
            <div class="container">
                @include('site.membership')
            </div>
    </section>
@endsection