@extends('template')


@section('content')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/extensions/datatables.net-bs5/css/dataTables.bootstrap5.min.css')}}">

@endpush
<div class="h-screen pt-5">
        <div class="py-5 "style="background-color:#333;margin-top:53px;">
            <div class="container ">
                <h1 class="text-white text-center fw-bold hidden">Sekolah Atlet</h1>
            </div>

        </div>
        <div class="container">
            <div class="card p-5">
                <table class="table my-3 "id="table1">
                    <thead class="thead-dark">
                        <tr>
                            <th class="text-center">No.</th>
                            <th class="text-center fw-bold">Nama Sekolah</th>
                            <th class="text-center">Alamat</th>
                            
    
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($sekolah as $item)
                        <tr>
                            <td class="text-center">{{$loop->iteration}}</td>
                            <td class="text-center">{{$item->nama}}</td>
                            <td class="text-center">{{$item->alamat}}</td>
    
                        </tr>
                        @endforeach
                    </tbody>
                </table>
    
            </div>
           


            {{-- <div class="row pt-5 hidden ">
                @foreach ($sekolah as $item)
                    <div class="col-md-3 my-2">
                        <div class="card shadow h-100">
                            <img src="{{ asset('images/sekolahAtlet/' . $item->photo) }}" class="card-img-top"
                                style="min-height: 200px; object-fit:cover" alt="...">
                            <div class="card-body">
                                <h5 class="card-title text-uppercase" style="min-height:40px">{{ $item->nama }}</h5>
                                <p style="min-height: 150px" class="card-text text-muted"><i
                                        class="fas fa-map-marker-alt mr-3"></i>{{ Str::words(strip_tags($item->alamat), 10, ' ...') }}
                                </p>
                                <a href="{{ route('sekolahAtletDetail', Crypt::encryptString($item->id)) }}"
                                    class="btn btn-outline-dark ">Selengkapnya</a>
                            </div>
                        </div>
                    </div>
                @endforeach
                <div class="center my-5 text-secondary">
                    {{ $sekolah->links('pagination::bootstrap-4') }}
                </div>

            </div> --}}
        </div>

    </div>
    @push('scripts')
{{-- TableJquerry --}}


<script src="{{ asset('assets/extensions/jquery/jquery.min.js') }}"></script>
<script src="{{ url('https://cdn.datatables.net/v/bs5/dt-1.12.1/datatables.min.js') }}"></script>
<script src="{{ asset('assets/extensions/datatables.net-bs5/js/dataTables.bootstrap5.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/datatables.js') }}"></script>

{{-- TableJquerry --}}
    @endpush

@endsection