@extends('Web/App')
@section('main-content')
@include('Web/Layouts/minibanner')
    
    <section class="bg-darkblue-theme py-1">
        <div class="container mt-5 bg-white">
            @php
                $materials = [];
            @endphp
                
            @foreach ($materials as $item)
                @php
                    $is_even = $loop->index % 2 == 0;
                    $reverse_col_sm = '';
                    if($is_even){
                        $reverse_col_sm = 'reverse_columns';
                    }
                @endphp
                <div class="container">                    
                    <h1 class="text-darkblue-theme pt-1" style="">Material Title </h1>
                    <h5 class="text-danger" style="font-size:15px; text-decoration:none; font-style:italic"><a href="" class="text-dark" style="text-decoration:none">Student name</a></h5>
                    {{-- <div class="underlining shadow my-3"></div> --}}

                </div>
                <div class="row shadow mb-5 px-2 {{$reverse_col_sm}}" style="font-weight: bolder">                                        
                    @if(!$is_even)
                    {{-- If it's even number Image first--}}
                        <div class="col-md-4 m-auto">
                            <img src="{{asset('static-imgs/excel_test_img.jpg')}}" controls  class="col-12" >
                        </div>
                    @endif
                    <div class="col-md-8 m-auto  text-darkblue-theme bg-light p-3">
                        @php
                            $tmp_text = 'Ullamco esse sunt et reprehenderit aute nulla sint. Consequat tempor labore magna tempor dolor eiusmod laboris enim duis incididunt enim velit non proident. In aute occaecat laborum quis elit minim ad sint exercitation consectetur. Ullamco mollit ut commodo anim esse nostrud nostrud in magna dolore enim exercitation ullamco. Adipisicing deserunt exercitation pariatur et quis ad. Aute sit cillum occaecat exercitation minim sunt non cillum reprehenderit laborum. Id nostrud incididunt laborum fugiat pariatur eiusmod eu anim duis officia.';
                            $tmp_text = implode(' ', array_slice(explode(' ',$tmp_text), 0, 50));
                        @endphp
                        {!!$tmp_text!!} . . .
                        <div class="mt-4">
                            <a href="#" class="btn btn-warning">Read more</a>
                        </div>
                    </div>
                    @if($is_even)
                    {{-- If it's even number Image second--}}
                        <div class="col-md-4 m-auto">
                            <img src="{{asset('static-imgs/excel_test_img.jpg')}}" controls  class="col-12" >
                        </div>
                    @endif
                </div>
                <hr class="text-muted mb-2">
            @endforeach

            @if (count($materials) < 1)

            <div class="bg p-3 mb-5">
                <h5 class="text-center text-darkblue-theme" style="font-weight: bold">Please Check later</h5>
            </div>
                
            @endif
        </div>
    </section>
@endsection