@extends('layout')

@section('page-title', $room->name)

@section('content')
    <div class="header-overlay close_cart-init"></div>
    <!--  header end  -->
    <!--  section  -->
    <div class="content-section parallax-section hero-section hidden-section" data-scrollax-parent="true">
        <div class="bg par-elem " data-bg="{{ asset("assets/images/bg/5.jpg") }}" data-scrollax="properties: { translateY: '30%' }"></div>
        <div class="overlay"></div>
        <div class="container">
            <div class="section-title">
                <h4>Enjoy your time in our Hotel with pleasure.</h4>
                <h2>{{ $room->name }}</h2>
                <div class="section-separator"><span><i class="fa-thin fa-gem"></i></span></div>
            </div>
        </div>
        <div class="hero-section-scroll">
            <div class="mousey">
                <div class="scroller"></div>
            </div>
        </div>
        <div class="dec-corner dc_lb"></div>
        <div class="dec-corner dc_rb"></div>
        <div class="dec-corner dc_rt"></div>
        <div class="dec-corner dc_lt"></div>
    </div>
    <div class="content">
        <div class="breadcrumbs-wrap">
            <div class="container">
                <a href="{{ route("home") }}">Home</a>
                <a href="{{ route("accommodation") }}">Accommodation</a>
                <span>{{ $room->name }}</span>
            </div>
        </div>
        <div class="content-section">
            <div class="section-dec"></div>
            <div class="content-dec2 fs-wrapper"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                                                @include($fileName)
                    </div>
                    <div class="col-lg-4">
                        @include("accommodation.book")
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection