@extends('layouts.app')
@section('head')
    @include('components.meta')
@endsection
@section('content')
    @include('components.breadcrumbs')
    <div class="container inner-page page-text-black" style="color: black;">
        <div class="row">
            <div class="col-md-12">
                <div class="programme flex flex-row flex-wrap">
                    <div class="text-pages">
                        <h2 class=" page-title">{{$element->getTitleAttribute()}}</h2>
                        @if ($element->detail_image)
                        <img src="{{ asset('images') }}/{{$element->detail_image}}" alt="" class="responsive-img">
                        <br>
                        @endif
                        <br>
                        {!!$element->getDetailAttribute()!!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('foot')
<script src="https://www.google.com/recaptcha/api.js"></script>

<script>
    function onSubmit(token) {
     document.getElementById("demo-form").submit();
   }
    (function($) {
        $(function() {
          
          $('ul.tabs__caption').on('click', 'li:not(.active)', function() {
            $(this)
              .addClass('active').siblings().removeClass('active')
              .closest('div.tabs').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
          });
          
        });
    })(jQuery);

</script>
@endsection