@extends('layouts.master')
@section('content')
<section class="content card" style="padding: 10px 10px 10px 10px ">
    <div class="box">
        @if(session('sukses'))
        <div class="alert alert-success" role="alert">
            {{session('sukses')}}
        </div>
        @endif
        <div class="row">
            <div class="col">
                <h4><i class="nav-icon fas fa-images my-1 btn-sm-1"></i> Galeri Surat Keluar</h4>
                <hr />
            </div>
        </div>
        <div class="row">
            <div class="card-body">
                <div>
                    <div class="filter-container p-0 row">
                                                @foreach($data_suratkeluar as $suratkeluar)
                                                <div class="col-lg-2 col-md-6">
                            <!-- small box -->
                            <div class="small-box">
                                <div class="inner">
                                    <a href="{{URL::to('/')}}/datasuratkeluar/{{$suratkeluar->filekeluar}}" data-toggle="lightbox" data-title="Perbesar Gambar">
                                        <center>
                                            <img src="{{URL::to('/')}}/datasuratkeluar/{{$suratkeluar->filekeluar}}" width="100" height="150" alt="File .doc, .docx, atau .pdf tidak dapat ditampilkan, Silahkan klik Lihat Detail File">
                                        </center>
                                    </a>
                                </div>
                                <a href="/suratkeluar/{{$suratkeluar->id}}/tampil" class="small-box-footer bg-success">Lihat Detail File <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <small class="text-danger">
                    <b>Catatan : </b>File .doc, .docx, atau .pdf tidak dapat ditampilkan disini silahkan klik <b>Lihat
                        Detail File</b> !!!
                </small>
            </div>
        </div>
    </div>
    </div>
    @endsection