@extends(backpack_view('blank'))
@section('content')
<div class="row justify-content-center mt-5">
    <div class="col-sm-12 col-lg-10">
       <div class="card border-0 card-style">
        <div class="card-header  d-flex justify-content-between align-items-center">
            <div>
                {!! $data->name !!}
            </div>
          </div>
          <div class="card-body "  id="printableArea">
            <div class="container-fluid">
                {!! $data->content !!}
            </div>

          </div>
       </div>
</div>
 </div>
 <style>
    .card-style {
        overflow: hidden;
        margin: 0 15px 30px;
        border-radius: 20px;
        border: none;
        box-shadow: 0 4px 24px 0 rgb(0 0 0 / 5%);
    }
    .card-style h1, .card-style h2, .card-style h3, 
    .card-style h4, .card-style h5, .card-style h6 {
        margin-bottom: 25px;
    }

</style>
@endsection


@section('after_styles')
<link rel="stylesheet" href="{{ asset('vendors/lightgallery/lightgallery.min.css')}}">
    <link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/crud.css').'?v='.config('backpack.base.cachebusting_string') }}">
    <link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/show.css').'?v='.config('backpack.base.cachebusting_string') }}">
@endsection
@section('after_scripts')
<script>
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        var originalContents = document.body.innerHTML;

        document.body.innerHTML = printContents;

        window.print();

        document.body.innerHTML = originalContents;
   }
</script>
@endsection