@extends('layouts.dashboard_admin')
@section('content')
    <div>
        <a href="#" class="btn btn-warning pull-right" data-toggle="modal" data-target="#myModal"> Cetak Dokumen </a>
        <a href="{{ route('dip.create') }}" class="btn btn-success pull-right">Input Dokumen</a> 
    </div>
    <div class="panel-heading">
        <h2>Dokumen DIP</h2>
    </div>
    <div class="panel panel-default">
        <div class="panel-body">
            <form class="form-horizontal">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label form-label">Jenis</label>
                            <div class="col-sm-12">
                                <select class="form-control" name="jenis_dip_id">
                                    <option value>--Pilih Jenis--</option>
                                    @foreach($jenis as $jen)
                                    <option value="{{$jen->id}}" >
                                        {{ $jen->jenis_dip }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    @if(auth()->user()->is_admin == 2)
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name" class="col-sm-12 control-label form-label">Penerbit / OPD</label>
                            <div class="col-sm-12">
                                <select class="form-control" name="penerbit_dip_id">
                                    <option value>--Pilih OPD--</option>
                                    @foreach($opd as $jen)
                                    <option value="{{$jen->id}}" >
                                        {{ $jen->penerbit_dip }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="col-md-4"> 
                        <div class="form-group">
                            <div class="text-center"><br>
                                <button class="btn btn-success" type="submit">Cari</button>
                                <a href="{{ route('dip.index')}}" class="btn btn-success">Reset</a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
                        @if ( ! $dips->isEmpty() )
            <table class="table table-hover" id="example0">
                <thead>
                    <th width="30">
                        #
                    </th>
                    <th width="200">
                        Judul
                    </th>
                    <th width="30">
                        Jenis
                    </th>
                    <th width="70">
                        Kategori
                    </th>
                    <th width="150">
                        Penerbit
                    </th>
                    <th width="10">
                        Jumlah Download
                    </th>
                    <th width="100" align="center">
                        status
                    </th>
                    
                    <th width="30">
                        Actions
                    </th>
                </thead>
                <tbody>
                    @foreach ($dips as $dip)
                    <tr>
                        <td>
                            {{ $no++ }}
                        </td>
                        <td>
                            {{ $dip->judul }}
                        </td>
                        <td>
                            {{ $dip->jenis->jenis_dip }}
                        </td>
                        <td>
                            {{ ucfirst($dip->jenis->kategori) }}
                        </td>
                        <td>
                            {{ $dip->penerbit->penerbit_dip }}
                        </td>
                        <td align="center">
                            {{ $dip->views }}
                        </td>
                        <td>
                            <form action="{{ route('dip.update.draft', $dip->id) }}" method="post" onclick="confirm('Update Status ?') ? '' : event.preventDefault()" style="display:inline-block">
                                @csrf
                                @method('PUT')
                                @php
                                $color = [
                                    'draft' => 'warning',
                                    'publik' => 'success',
                                    'simpan' => 'light',
                                ]  
                                @endphp
                                <input type="submit" value="{{$dip->status}}" class="btn btn-{{$color[$dip->status]}} btn-xs">
                            </form>
                        </td>
                        <td>
                            <a href="{{ route('dip.edit', $dip->id) }}" class="btn btn-xs btn-info">
                                Edit
                            </a>

                            <form action="{{ route('dip.destroy', $dip->id) }}" method="post" onclick="confirm('Hapus Data Informasi Publik ?') ? '' : event.preventDefault()" style="display:inline-block">
                                @csrf
                                @method('DELETE')
                                <input type="submit" value="Hapus" class="btn btn-danger btn-xs">
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            @else
            <p class="text-center"><strong>Tidak ada Data Informasi Publik, Silahkan Input DIP baru.</strong></p>
            @endif

        </div>
    </div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Cetak Laporan</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('dip.cetak') }}" method="get">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="name" class="col-sm-2 control-label form-label">Jenis</label>
                                <div class="col-sm-12">
                                    <select class="form-control" name="jenis_dip_id">
                                        <option value>--Pilih Jenis--</option>
                                        @foreach($jenis as $jen)
                                        <option value="{{$jen->id}}" >
                                            {{ $jen->jenis_dip }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name" class="col-sm-12 control-label form-label">Tanggal Awal</label>
                                <div class="col-sm-12">
                                    <input type="date" class="form-control" name="tgl_awal" value="2025-11-24">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name" class="col-sm-12 control-label form-label">Tanggal Akhir</label>
                                <div class="col-sm-12">
                                    <input type="date" class="form-control" name="tgl_akhir" value="2025-11-24">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Jabatan</label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control" name="jabatan" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Nama</label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control" name="nama" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Nip</label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control" name="nip" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Tanggal TTD.</label>
                                    <div class="col-sm-12">
                                        <input type="date" class="form-control" name="tgl" value="2025-11-24">
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Cetak Laporan</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection