@extends('layouts.master')
@section('content')
<section class="content card" style="padding: 10px 10px 20px 20px  ">
    <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-envelope my-0 btn-sm-1"></i> Agenda Surat Masuk</h4>
                <hr>
            </div>
        </div>
        <form action="filter_agenda" method="POST" class="row input-daterange">
            {{csrf_field()}}
            <div class="col-md-4">
                <div class="form-group row">
                    <label for="tgl_awal" class="col-sm-3 col-form-label">Dari Tgl</label>
                    <div class="col-sm-8">
                        <input type="date" name="tgl_awal" id="tgl_awal" class="form-control" />
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group row">
                    <label for="tgl_awal" class="col-sm-3 col-form-label">Sampai Tgl</label>
                    <div class="col-sm-8">
                        <input type="date" name="tgl_akhir" id="tgl_akhir" class="form-control" onchange="this.form.submit();" />
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <a class="btn btn-success btn-sm my-1 mr-sm-1" href="agenda" role="button"><i class="fas fa-sync-alt"></i> Refresh</a>

            </div>

        </form>
        <div class="row">
            <div class="col-md-8">
                <h6>Agenda surat masuk dari tanggal terima {{$tgl_awal}} sampai tanggal {{$tgl_akhir}}</h6>
            </div>
            <div class="col-md-4">
                <form action="/suratmasuk/cetakagenda" method="POST" target="_blank">
                    {{csrf_field()}}
                    <input name="tgl_a" type="text" class="d-none" id="tgl_a" value="{{$tgl_awal}}">
                    <input name="tgl_b" type="text" class="d-none" id="tgl_b" value="{{$tgl_akhir}}">

                    <button type="submit" class="btn btn-primary btn-sm my-1 mr-1 float-right"><i class="fas fa-print"></i> Cetak</button>
                </form>

                <a class="btn btn-primary btn-sm my-1 mr-1 float-right" href="{{route('suratmasuk.downloadexcel')}}" role="button"><i class="fas fa-file-excel"></i> Download Excel</a>
            </div>

            <div class="row table-responsive">
                <div class="col-12">
                    <table class="table table-hover table-head-fixed" id='agenda'>
                        <thead>
                            <tr class="bg-light">
                                <th>No.</th>
                                <th>Isi Ringkas</th>
                                <th>Asal Surat</th>
                                <th>Kode</th>
                                <th>No. Surat</th>
                                <th>Tgl. Surat</th>
                                <th>Tgl. Diterima</th>
                                <th>Penerima</th>
                                <th>Keterangan</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($data_suratmasuk as $suratmasuk)
                                                        <tr>
                                <td>{{$no}}</td>
                                <td>{{$suratmasuk->isi}}</td>
                                <td>{{$suratmasuk->asal_surat}}</td>
                                <td>{{$suratmasuk->klasifikasi->kode}}</td>
                                <td>{{$suratmasuk->no_surat}}</td>
                                <td>{{$suratmasuk->tgl_surat}}</td>
                                <td>{{$suratmasuk->tgl_terima}}</td>
                                <td>{{$suratmasuk->users->name}}</td>
                                <td>{{$suratmasuk->keterangan}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection