@extends('themes.schumann.layout.layout')
@section('title', $item->translate->title)
@section('description', $item->translate->description)
@section('keywords', $item->translate->keywords)
@section('bodyClass', 'mission-page')
@section('content')
<div class="mission-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="headline">
                    <div class="title">
                        {{ $item->translate->title }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-box"></div>
    <div class="mission-block">
      @if(isset($item->img))
            <center>
              <img src="{{ asset('uploads/'.$item->img) }}" alt="{{ $item->translate->title }}">
            </center>
      @endif
        {!! $item->translate->content !!}
        @if(count($item->images))
          @if($item->type == 2)
          <ul>
              @foreach($item->images as $img)
              <li>
                <a href="{{ asset('uploads/'.$img->img) }}" target="_blank">
                    {{ Helper::explodeFileName($img->img) }}
                </a>
              </li>
              @endforeach
          </ul>
        </br>
          @else
          <div class="images">
              @foreach($item->images as $img)
              <div class="img-item" href="{{ asset('uploads/'.$img->img) }}">
                  <img src="{{ asset('uploads/'.$img->img) }}" alt="{{ $item->translate->title }}">
              </div>
              @endforeach
          </div>
          @endif
        @endif
    </div>
</div>
@endsection
@section('js')
<script>
      $(function (){
        $('body').magnificPopup({
          delegate: 'div.img-item',
          type: 'image',
          mainClass: 'images',
          gallery:{
            enabled:true
          }
          });
      });
    </script>
@endsection