@extends('layouts.front')
@section('content')
@section('css')
@endsection

@php $home = \App\HomePage::findorFail(1); @endphp
<div class="inner-page-banner-area" style="background: url({{asset('/laravel_code/public/banner/' . $home->inner_banner)}}); background-repeat: no-repeat; background-size: cover;">
    <div class="container">
        <div class="pagination-area">
            <h2>Misión & Experiencia</h2>
            <ul>
                <li><a href="{{route('home')}}">Home</a> - </li>
                <li>Misión & Experiencia</li>
            </ul>
        </div>
    </div>
</div>

<div class="about-page-area">
@php
    $page = \App\MissionPage::first();
@endphp

@if($page)
<div class="container">
    <div class="row">
        <div class="{{ $page->show_image ? 'col-lg-7' : 'col-lg-12 text-center' }} col-md-12 col-sm-12 col-xs-12">
            <div class="about-page-left">
                <h2>{{ $page->title ?? 'MISIÓN & EXPERIENCIA' }}</h2>
                @if($page->subtitle)
                    <h4>{{ $page->subtitle }}</h4>
                @endif
                {!! nl2br(e($page->text)) !!}
            </div>
        </div>

        @if($page->show_image && $page->image)
        <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
            <div class="about-page-right">
                <img src="{{ asset('/laravel_code/public/' . $page->image) }}" class="img-responsive" alt="mission">
            </div>
        </div>
        @endif
    </div>
</div>
@endif

</div>
@section('js')
@endsection
@endsection