@extends('template')

@section('content')
    <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">GALERI</h1>
            </div>

        </div>
        <div class="container hidden ">
            <div class="row py-5 ">
                <div class="hidden row ">
                    <h3 class="my-3 py-3 border-bottom fw-thin">Umum dan Keuangan</h3>
                    @foreach ($Umum_dan_Keuangan as $item)
                        <a target="_blank" href="{{ asset('images/galeri/' . $item->photo) }}"
                            class=" col-3 card p-1 shadow bigger my-2">
                            <img src="{{ asset('images/galeri/' . $item->photo) }}" alt="">
                        </a>
                    @endforeach
                </div>
                <div class="hidden row ">
                    <h3 class="my-3 py-3 border-bottom fw-thin">Event</h3>
                    @foreach ($Event as $item)
                        <a target="_blank" href="{{ asset('images/galeri/' . $item->photo) }}"
                            class=" col-3 card p-1 shadow bigger my-2">
                            <img src="{{ asset('images/galeri/' . $item->photo) }}" alt="">
                        </a>
                    @endforeach
                </div>

                <div class="hidden row">
                    <h3 class="my-3 py-3 border-bottom fw-thin">Tekhnis</h3>
                    @foreach ($Tekhnis as $item)
                        <a target="_blank" href="{{ asset('images/galeri/' . $item->photo) }}"
                            class=" col-3 card p-1 shadow bigger my-2">
                            <img src="{{ asset('images/galeri/' . $item->photo) }}" alt="">
                        </a>
                    @endforeach
                </div>

                <div class="hidden row">
                    <h3 class="my-3 py-3 border-bottom fw-thin">Monev dan Data</h3>
                    @foreach ($Monev_dan_Data as $item)
                        <a target="_blank" href="{{ asset('images/galeri/' . $item->photo) }}"
                            class=" col-3 card p-1 shadow bigger my-2">
                            <img src="{{ asset('images/galeri/' . $item->photo) }}" alt="">
                        </a>
                    @endforeach
                </div>



            </div>
        </div>
    </div>
@endsection