@extends('layouts.frontLayout.front_design')
@section('content')
<div class="container mb-5 fade-medium">
  <div class="row">
    <div class="col-md-12">
      <div class="page-header">
        <h1>{{ $handelspartner['title'] }}</h1>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-8">
      <figure class="margin-b-2">
        <img class="img-responsive" src="{{ asset('/images/frontend_images/'.$handelspartner['cover_image']) }}" alt="">
      </figure>
      <br>
      <p class="">{!! $handelspartner['content']  !!}</p>
    </div>
  </div>
</div>
@if(isset($popup) && $popup !== '')
<script type="text/javascript">
    $(window).on('load',function(){
      $('#myModal').modal('show');
    });
    // }
</script>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <img class="img-fluid w-100" src="{{ asset('/images/frontend_images/' . $popup->image_name) }}">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
  @media (min-width: 768px) {
    .modal-dialog {
       width: 800px;
      margin: 30px auto;
    }
  }
</style>
@endif
@endsection