@extends('vendor.site-bases.website.layouts.master')

@section('title', trans('title.about'))

@section('page_title', trans('title.about'))

@section('breadcrumbs')
    {!! Breadcrumbs::render('about') !!}
@endsection

@section('content')
    <section class="company_section container">
        <div class="company_info">
            <h1>
                {{ $about->title }}
            </h1>
            <div class="image">
                <img src="{{ asset($about->image) }}" alt="">
            </div>
        </div>
        {!! $about->description !!}
        <div class="clear"></div>

        @if (!is_null($about->video))
            <div class="video middle" data-url="{{ $about->video }}">
                <img src="{{ asset($about->video_image) }}" alt="">
                <div class="overlay">
                    <div class="play_button">
                        <img src="{{ asset('assets/client/images/play.svg') }}" alt="">
                    </div>
                </div>
            </div>
            <div class="video_modal">
                <div class="bg"></div>
                <div class="video_in">
                    <iframe width="100%" height="100%" src="{{ $about->video }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" autoplay=""></iframe>
                </div>
            </div>
        @endif
    </section>
@endsection