@extends('intro_site.layouts.master')

@section('content')
    <div class="body-content p-md-3">
        <div class="container p-md-5">
            <h1>{{ __('intro_site.privacy') }}</h1>

            <ul class="nav nav-pills mb-3 justify-content-center" id="privacy-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="user-tab" data-toggle="pill" href="#user" role="tab"
                        aria-controls="user" aria-selected="true">{{ __('intro_site.for_user') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="guide-tab" data-toggle="pill" href="#guide" role="tab"
                        aria-controls="guide" aria-selected="false">{{ __('intro_site.for_guide') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="provider-tab" data-toggle="pill" href="#provider" role="tab"
                        aria-controls="provider" aria-selected="false">{{ __('intro_site.for_provider') }}</a>
                </li>
            </ul>

            <div class="tab-content" id="privacy-tabContent">
                <div class="tab-pane fade show active" id="user" role="tabpanel" aria-labelledby="user-tab">
                    <div class="p-5">{!! $user_privacy->{lang()} !!}</div>
                </div>
                <div class="tab-pane fade" id="guide" role="tabpanel" aria-labelledby="guide-tab">
                    <div class="p-5">{!! $guide_privacy->{lang()} !!}</div>
                </div>
                <div class="tab-pane fade" id="provider" role="tabpanel" aria-labelledby="provider-tab">
                    <div class="p-5">{!! $provider_privacy->{lang()} !!}</div>
                </div>
            </div>
        </div>
    </div>
@endsection