@extends('customer.layouts.app')
@section('title')
    Dashboard
@endsection
@section('css')
    <style>

        h2 {
            width: 100%; 
            text-align: center; 
            border-bottom: 1px solid rgb(241, 237, 237); 
            line-height: 0.1em;
            margin: 10px 0 20px; 
        } 

        h2 span { 
            background:gray; 
            padding:0 10px; 
        }
    </style>
@endsection
@section('content')
<div class="container">
    <div class="row">
        <div class="col-8">
            <div class="card" style="background: black;">
                <div class="card-body">
                    <div>
                        <h1>{{$page->name}}</h1>
                        <p>{{$page->description}}</p>
                    </div>
                </div>
            </div>
        </div>
        @if (count($news)>0)
        <div class="col-4">
            <div class="card" style="background: gray;">
                <div class="card-body">
                    <div>
                        <h2><span>What’s New</span></h2>
                        @foreach ($news as $item)
                            <h5>{{$item->name}}</h5>
                            <p>{{$item->main_text}}</p>
                            <hr>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection
@section('js')
    <script></script>
@endsection