@extends('frontend::layouts.master')

@section('title')

@section('style')

@endsection

@section('content')

<div class="breadcrumb text-center p-t-50">
  <div class="container">
    <ul class="bor-0">
      <li><a href="{{ mwz_route('frontend.index')}}"><i class="fa-solid fa-house"></i></a></li>
      <li><a href="{{ mwz_route('frontend.csr')}}">@lang('frontend::lang.csr_info_1')</a></li>
      <li><a href="{{ mwz_route('frontend.csr_detail',[!empty($data['csr']['slug_name']) ? $data['csr']['slug_name'] : ""])}}">{{ !empty($data['csr']['name']) ? $data['csr']['name'] : ""}}</a></li>
    </ul>
  </div>
</div>

@if (!empty($data['csr']['description']))
<section class="p-t-0">
  <div class="container">
    {{-- <h1 class="text-center">{{ !empty($data['csr']['name']) ? $data['csr']['name'] : '' }}</h1> --}}
    <div class="h-top-title text-center p-b-30">
      <h1>{{ !empty($data['csr']['name']) ? $data['csr']['name'] : '' }}</h1>
      <p class="date">{{ !empty($data['csr']['publish_at']) ? $data['csr']['publish_at'] : ''}}</p>
    </div>

    <div class="full-pic p-t-0 bg-soft-gray">
      @if ($data['csr']['type_file'] == '.mp4')
        <div class="vdo text-center">
          @if (!empty($data['csr']['image_vdo']))
            <video width="45%" height="45%" controls="">
              <source src="{{ $data['csr']['image_vdo'] }}" type="video/mp4">
            </video>
          @endif
        </div>
      @else
        <div class="full-pic p-t-0">
          @if (!empty($data['csr']['image_vdo']))
            <div class="text-center">
              <img class="rounded" src="{{ $data['csr']['image_vdo'] }}">
            </div>
          @endif
        </div>
      @endif
    </div>
    <div class="container">
      {!! !empty($data['csr']['description']) ? $data['csr']['description'] : "" !!}
    </div>
  </div>
</section>
@endif
@endsection

@section('script')

@endsection