@extends('admin.layouts.master')

@section('page_title', __('admin.Home Page Panel'))

@section('page_heading', __('admin.Home Page Panel'))

@section('page_text', __('admin.Home Page Panel'))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Home Page Panel')

@section('page_breadcrumb_item2', 'Home Page Panel')

@section('css')
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            <h1>Home Page Panel</h1>
                            <p>The home page panel can contain three news posts or events. By default, newly published posts are added to the top of the panel, but you can manually choose which three posts appear in the panel by dragging and dropping below.</p>
                            @if (count($news)>0)
                                @foreach ($news as $n)
                                    <input type="text" readonly class="form-control mt-2" value="{{$n->name}}">
                                @endforeach
                            @endif
                        </div>
                        @if (count($news)>0)
                            <div class="col-4">
                                <div class="card" style="background: rgb(228, 227, 227);">
                                    <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>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script>
</script>
@endsection