@extends('template_absen')

@section('title')
	ATTENDANCE | Penarikan Data
@stop

@section('top_script')
	@include('absen::layouts.top_script_absen')
@stop

@section('content')
<section class="scrollable padder">
    <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
        <li><a href="{{ url('home') }}"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#">Absen</a></li>
        <li class="active">Import</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom: 10px">
        <h5 class="m-b-none"><strong>PENARIKAN DATA</strong> ABSEN</h5>
        <span style="font-size:11px">Fitur untuk mengambil raw data dari log absen pegawai</span>
    </div>
    <div class="panel panel-info">
		<table style="width:100%">
        @foreach($db_conn as $key => $value)
            @if($value->tipe_db == 'access')
                            @elseif($value->tipe_db == 'mysql')
                            @else
                            @endif
			
			<tr>
				<td class="text-center" style="width:20%; vertical-align: middle; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc">
					<button data-id="{{ $value->id }}" class="btn {{ $css }} btn-lg import" style="margin:5px 0; padding: 6px 10px">
						<img width="60px" height="60px" src="{{ asset('images/'.$value->tipe_db.'.png') }}" alt="{{ $value->tipe_db }}">
					</button>
				</td>
				<td class="text-center" style="width:60%; vertical-align: middle; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc">
					<div class="progress progress-sm progress-striped active" style="margin:40px 0;display:none">
						<div class="progress-bar progress-bar-success" data-toggle="tooltip" data-original-title="30%"></div>
					</div>
					<div class="text-center msg_info_{{ $value->id }}" id="data-loading">
						@if(!empty($import->last_sync($value->id)))
							Penarikan data terakhir pada tanggal <span style="font-weight:bold">{{ TanggalIndo2($import->last_sync($value->id)) }}, {{ format_date('H:i:s', $import->last_sync($value->id),'Y-m-d H:i:s') }}</span>
						@else
							Belum pernah melakukan penarikan data.
						@endif
					</div>
				</td>
				<td class="text-center" style="width:20%; vertical-align: middle; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc">
					<table style="width:100%; font-weight: bold">
						<tr>
							<td class="text-center" style="vertical-align: middle; padding-top:1px; padding-bottom:1px; padding-right:10px; padding-left:10px;">
								<div class="col-md-3 {{ $label_bg }}" style="line-height:40px; color:#fff; font-size:24px;">
									<i class="fa fa-hospital-o"></i>
								</div>
								<div class="col-md-9 {{ $label_bg }}" style="line-height:40px; color:#fff">
									{{ strtoupper($value->lokasi_data) }}
								<div>
							</td>
						</tr>
						<tr>
							<td class="text-center" style="vertical-align: middle; padding-top:1px; padding-bottom:1px; padding-right:10px; padding-left:10px;">
								<div class="col-md-3 {{ $label_bg }}" style="line-height:40px; color:#fff; font-size:24px;">
									<i class="fa fa-hand-o-up"></i>
								</div>
								<div class="col-md-9 {{ $label_bg }}" style="line-height:40px; color:#fff">
									{{ strtoupper($value->connection_name) }}
								</div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
        @endforeach
		</table>
    </div>
</section>
<div id="modal-date-range" class="modal fade in" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border-radius:6px 6px 0 0; color:#3a87ad; background-color:#f5f5f5">
                <button class="close" data-dismiss="modal" type="button">×</button>
                <h4 class="modal-title">Masukkan Tanggal</h4>
            </div>
            <form id="form-date-range">
                <div class="modal-body">
                    <input type="hidden" name="id" id="id_modal">
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">TANGGAL</span>
                            <input type="text" name="range_mulai" placeholder="Mulai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" value="{{ format_date('d-m-Y') }}" size="16" class="input-s datepicker-input form-control">
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="border-radius:0 0 6px 6px; color:#3a87ad; background-color:#f5f5f5; margin-top:0px">
                    <button type="reset" class="btn btn-danger" data-dismiss="modal" >Close</button>
                    <button type="submit" class="btn btn-info" >Tarik Data</button>
                </div>
            </form>
        </div>
    </div>
</div>
@stop

@section('bottom_script')
	@include('absen::layouts.bottom_script_absen')
@stop