@extends('base')
@section('content')

    <h1 class="mt-5">Learning Zone</h1>
    <div class="graph-card p-3 my-5">
        @if(session()->has('success'))
            <div class="alert alert-success flashmsg">
                {{ session()->get('success') }}
            </div>
        @endif
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2>View Learning Zone</h2>
        </div>
        <table class="table bg-white table-striped table-bordered table-hover">
            <thead class="table-light font-wei">
            <tr>
                <th class="text-center p-3 p-3" scope="col">SL NO</th>
                <th class="text-center p-3" scope="col">Name</th>
                <th class="text-center p-3" scope="col">Description</th>
{{--                <th class="text-center p-3" scope="col">Tag</th>--}}
                <th class="text-center p-3" scope="col">Logo</th>
                <th class="text-center p-3" scope="col">Created At</th>
                <th class="text-center p-3" scope="col">Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($getLearningZone as $index => $getLearningZones )
                <form method="POST" action="{{ secure_url('delete-learning-zone',$getLearningZones->id) }}">
                    @csrf
                    <tr>
                        <th class="text-center p-3" scope="row">{{ $index +1 }}</th>
                        <td class="text-center p-3">{{ $getLearningZones->name }}</td>
                        <td class="text-center p-3">{{ $getLearningZones->description }}</td>
{{--                        <td class="text-center p-3">{{ $getLearningZones->tag }}</td>--}}
                        <td class="text-center p-3"><img src="{{secure_asset('images/'. $getLearningZones->logo)}}" style="height: 90px"></td>
                        <td class="text-center p-3">{{ $getLearningZones->created_at }}</td>
                        <td class="text-center p-3"><a href="{{ route('edit-learning-zone',$getLearningZones->id) }}"><button type="button" class="btn btn-primary vl-table-view"><i class="fa fa-edit me-1" aria-hidden="true"></i>Edit</button></a><button type="submit" class="btn btn-danger ms-3 vl-table-delete"><i class="fa fa-trash me-1" aria-hidden="true"></i>Delete</button><a href="{{ route('view-post',['slug' => Str::slug($getLearningZones->name), 'id' =>$getLearningZones->id ]) }}"><button type="button" class="btn btn-primary vl-table-view"><i class="fa fa-eye me-1" aria-hidden="true"></i>View</button></a></td>
                    </tr>
                </form>
            @endforeach
            </tbody>
        </table>

    </div>
    <script type="text/javascript">
        setTimeout(function() {
            $('.flashmsg').fadeOut(1500);
        }, 3000);
    </script>
@endsection