<link href="{{ asset('css/pages/particular/home.css') }}" rel="stylesheet">

@extends('layouts.app')

@section('title')
    {{ __('navbar')['navigation']['home'] }}
@endsection

@section('content')
   {{-- Styles  --}}
    <style>
      /* Resources */
        .big-logo {
            max-height: 170px !important;
            width: auto !important;

            border-radius: 1rem;
        }

      /* Text */
        .title-section {
            font-size: 1.5rem !important;
            font-weight: 700 !important;
            letter-spacing: 1.5px !important;
        }
    </style>

   {{-- Content  --}}
    <section class="pt-5 mt-5 d-flex align-items-center justify-content-center">

        <div class="px-3 panel-card">
            {{-- Hotel Logo --}}
            <img src="{{ asset('images/harsi_logo.png') }}" class="big-logo img-fluid" alt="Harsi Hotelería Logo"/>

            <hr>

            <h5 class="title-section">Facturador (Demo)</h5>
            <h5 class="text-center text-uppercase">{{ $establishment->business_name }}</h5>
        </div>

    </section>

    <script src="{{ asset('js/modules/manifestCheck.js') }}"></script>
@endsection

@section('footer')
    @include('shared.components.footer.basic-footer')
@endsection
