@extends('layouts.default')

@section('title', __('seo.legal.title'))
@section('meta_description', __('seo.legal.description'))
@section('canonical', route('legal'))

@section('content')
    <section class="header-page legals-header-bg">
        <div class="tag-header">{{ __('global.navigation.legal') }}</div>
        <h1 class="title-header">{{ __('legal.header') }}</h1>
    </section>

    <section class="tree-details">
        <div class="container-tree">
            <a href="{{ route('home') }}" class="btn-back w-inline-block">
                <div class="btn-back-name">{{ __('global.tree.back-btn') }}</div>
            </a>

            <div class="tree-text">
                <div class="tree-arbo">
                    <a href="{{ route('home') }}">{{ __('global.navigation.home') }}</a> &nbsp;&gt;&nbsp; <span
                        class="tree-arbo-current">{{ __('global.navigation.legal') }}</span>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-legal">
            <h5 class="legals-cat-name first">{{ __('legal.editor-title') }}</h5>
            <div class="legals-cat-text">{{ __('legal.editor-text') }}</div>

            <h5 class="legals-cat-name">{{ __('legal.hosting-title') }}</h5>
            <div class="legals-cat-text">{!! __('legal.hosting-text') !!}</div>

            <h5 class="legals-cat-name">{{ __('legal.service-title') }}</h5>
            <div class="legals-cat-text">{{ __('legal.service-text') }}</div>

            <h5 class="legals-cat-name">{{ __('legal.property-title') }}</h5>
            <div class="legals-cat-text">{{ __('legal.property-text') }}</div>

            <h5 class="legals-cat-name">{{ __('legal.data-title') }}</h5>
            <div class="legals-cat-text">{{ __('legal.data-text') }}</div>

            <h5 class="legals-cat-name rst">{{ __('legal.juridic-title') }}</h5>
            <div class="legals-cat-text">{{ __('legal.juridic-text') }}</div>

        </div>
    </section>
@endsection