@extends('layouts.layout')
@section('app')
<div class="row home_search">

    <div class="container d-flex flex-column min-vh-75 justify-content-center align-items-center text-center pt-80">
        <div class="my-5" style="height: 45px">
            <img width="250" height="43" data-src="/images/logo.svg" alt="{{config('app.name')}}" class="lazy">
        </div>
        {{-- <div class="text-center fs-3 my-2 fw-bold text-uppercase">{{config('app.name')}}</div> --}}
        <div class="input-group w-75 mb-3">
            <input id="home-search" type="text" class="form-control p-3 text-dark" placeholder="Search..." aria-label="Search..." aria-describedby="search-index">
            <button class="cmn-bn" type="button" id="search-button"><i class="fas fa-search"></i></button></div>
            <a href="{{route('home')}}" class="cmn-btn btn-lg btn-primary mb-5 mt-5" role="button">Browse</a>

            <div class="text-start">
                @foreach($content as $block)
                    @foreach($block as $value)
                        @if($value['tag'] === 'h1')
                        <h1 class="mt-5 mb-3 h2 text-center">{{$value['value']}}</h1>
                        @endif
                        @if($value['tag'] === 'h3')
                        <h3 class="mt-5 mb-3">{{$value['value']}}</h3>
                        @endif
                        @if($value['tag'] === 'p')
                        <p class="mb-2">{{$value['value']}}</p>
                        @endif
                        @if($value['tag'] === 'ul')
                        <ul>
                        @foreach($value['value']  as $value)
                        @if($value['tag'] === 'p')
                        <p class="mb-2">{{$value['value']}}</p>
                        @endif
                        @if($value['tag'] === 'li')
                        <li>{!! $value['value'] !!}</li>
                        @endif

                        @endforeach
                    </ul>
                        @endif

                    @endforeach
                @endforeach
            </div>
    </div>
</div>


@endsection @section('footer') @endsection