@extends('template')

@section('title')
	HRIS | Cetak Laporan
@stop

@section('top_script')
	@include('laporan::layouts.top_script')
    <style type="text/css">
		.btn-laporan {
			width: 100%;
		}
        .text-nama-laporan {
            font-size: 14px; 
            font-weight: bold; 
        }
        .icon-laporan {
            font-size: 35px; 
            opacity: 0.5;
        }
        .btn-lg {
            font-size: 12px;
            padding: 5px 10px;
        }
    </style>
@stop

@section('content')
<section>
    <div class="row" style="padding:0; background-color:#fff; margin:0px; height:100%">
        <div class="col-md-12" style="padding:10px;">
            <form name="filter" class="form-horizontal" style="margin-top: 7px; margin-bottom: -6px;" action="" target="_BLANK" method="POST">
                {{ csrf_field() }}
                <div class="form-group">
                    <label class="col-md-2 col-sm-2 hidden-xs control-label">Filter Laporan :</label>
                    <div class="col-md-10 col-sm-10 col-xs-12">
                        <div class="input-group">
                            <span class="input-group-addon" style="background-color:#ffc333; color:#fff; border-color:#ffc333">Bulan</span>
                            <select class="select2-option" style="width:100%" name="bulan">
                                <option value="01">Januari</option>
                                <option value="02">Februari</option>
                                <option value="03">Maret</option>
                                <option value="04">April</option>
                                <option value="05">Mei</option>
                                <option value="06">Juni</option>
                                <option value="07">Juli</option>
                                <option value="08">Agustus</option>
                                <option value="09">September</option>
                                <option value="10">Oktober</option>
                                <option value="11">November</option>
                                <option value="12">Desember</option>
                            </select>
                            <span class="input-group-addon" style="background-color:#ffc333; color:#fff; border-color:#ffc333">Tahun</span>
                            <select class="select2-option" style="width:100%" name="tahun">
                                {!! $tahun !!}
                            </select>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-12" style="padding:5px; text-align: center; vertical-align: middle;">
            @foreach($button as $k => $v)
                @can($v->hak_akses)
					<div class="col-md-3 col-xs-6" style="padding: 5px">
						<button id="{{ $v->btn_id }}" type="button" class="{{ $v->class_btn }}" data-url="{{ url('laporan/cetak/'.$v->alamat_url) }}">
							<div class="col-md-10 col-xs-12" style="margin:0;padding:0">
								<div class="col-md-12 text-nama-laporan text-left" style="padding-right: 5px; padding-left: 5px;">
									{{ $v->nama }}
								</div>
								<div class="col-md-12 text-left" style="padding-right: 5px; padding-left: 5px;">
									{{ $v->jenis }}
								</div>
							</div>
							<div class="col-md-2 text-right hidden-xs" style="margin:0;padding:0">
								<i class="{{ $v->icon }}"></i>
							</div>
						</button>
					</div>
                @endcan
            @endforeach
        </div>
    </div>
</section>
@stop

@section('bottom_script')
	@include('laporan::layouts.bottom_script')
@stop