@extends('layouts.container')
        <!-- will be used to show any messages -->
@section('title','Validasi Berkas Sertifikat Kompetensi')
@section('title_description')
@stop
@section('css')
    <link href="{{asset('/engine/multiSelect/css/multi-select.css') }}" media="screen" rel="stylesheet" type="text/css">
    <link href="{{asset('/engine/adminLTE/dist/css/AdminLTE.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link href="{{asset('/engine/adminLTE/dist/css/skins/skin-black.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- iCheck -->
    <link href="{{asset('/engine/iCheck/flat/flat.css') }}" rel="stylesheet" type="text/css" />
@stop
@section('body-class', 'skin-black')
@section('content')
    @if (Session::has('message'))
        <div class="alert alert-info">{{ Session::get('message') }}</div>
    @endif
    <div class="row">
	    <div class="col-md-12">
		    <div class="box box-primary">
			    <div class="box-header with-border">
				    <h3 class="box-title">{{ $title }}</h3>
				    <div class="box-tools pull-right">
					    <div class="has-feedback">
						    <input type="text" class="form-control input-sm" id="search-data" placeholder="Search"/>
						    <span class="glyphicon glyphicon-search form-control-feedback"></span>
					    </div>
				    </div><!-- /.box-tools -->
			    </div><!-- /.box-header -->
			    <div class="box-body no-padding">
				    <div class="validasiberkasserkom-controls margin">

				    </div>
				    <div class="table-responsive validasiberkasserkom-messages">
					    <table class="table table-hover table-striped">
						    <thead>
						    <tr>
							    <td nowrap="true">No. Registrasi</td>
							    <td class="bg-yellow-gradient col-md-2">Nama (sesuai STR/ijasah)</td>
								<td class="col-md-2">Tempat, Tanggal Lahir</td>
								<td>No. Sertifikat</td>
								<td nowrap="true">Masa Berlaku Sertifikat</td>
								<td class="col-md-1">Status Validasi</td>
							    <td nowrap="true">Action</td>
						    </tr>
						    </thead>
						    <tbody>
						    @foreach($validasiBerkasSerkom as $key => $value)
														    <tr>
								    <td>{{ @$value->BiodataDokter->PendaftaranSpesialis->no_registrasi }}</td>
								    <td>{{ @$value->BiodataDokter->Biodata->nama_lengkap }}</td>
									<td>{{ @$value->BiodataDokter->Biodata->tempat_lahir . ', ' . date_format(date_create(@$value->BiodataDokter->Biodata->tanggal_lahir), 'd-m-Y') }}</td>
									<td>{{ $data1.$data2 }}</td>
									<td class="text-center {{ in_array('0000-00-00', array($value->tanggal_masa_berlaku,$value->tanggal_masa_berakhir)) ? 'bg-danger' : '' }}">{{ ($value->tanggal_masa_berlaku != '0000-00-00') ? date('d-m-Y', strtotime($value->tanggal_masa_berlaku)) : '-' }} s/d {{ ($value->tanggal_masa_berakhir != '0000-00-00') ? date('d-m-Y', strtotime($value->tanggal_masa_berakhir)) : '-' }}</td>
									@if (isset($value->status_validasi))
								    								    <td>{!! $statusValidasi[$cvalue['status_validasi']] !!}</td>
								    @else
								    <td><div class="badge bg-black">Belum Di Validasi</div></td>
								    @endif
								    <td class="text-center">
										@if(!$permission)
									    <button class="btn btn-sm btn-danger" data-toggle="modal" {{ (@$value->BiodataDokter->Biodata->email == '') ? 'disabled="disabled"' : ' title="Kirim Email"' }} data-target="#modalSendEmail" type="button" data-email="{{ @$value->BiodataDokter->Biodata->email }}" data-name="{{ @$value->BiodataDokter->Biodata->nama_lengkap }}" data-tgl="{{ @$value->tgl_dibuat }}"><span class="glyphicon glyphicon-envelope"></span></button>&nbsp;
									    <!-- <button class="btn btn-sm btn-warning" data-toggle="modal" data-target="#modalSendSMS" type="button" data-phone="{{ @$value->BiodataDokter->Biodata->nomor_telepon }}#{{ @$value->BiodataDokter->Biodata->nomor_hp }}#{{ @$value->BiodataDokter->Biodata->nomor_hp2 }}" title="Kirim SMS"><span class="glyphicon glyphicon-send"></span></button>&nbsp; -->
									    @endif
										<a class="btn btn-sm btn-primary" href="{{ URL::route($routeEdit , $value->id_data_validasi) }}" title="Validasi"><span class="glyphicon glyphicon-briefcase"></span></a>&nbsp;
								    </td>
							    </tr>
						    @endforeach
						    </tbody>
					    </table>
					    <div class="text-center">
						    {{ $validasiBerkasSerkom->links() }}
					    </div>
				    </div>
			    </div>
		    </div>
	    </div>
    </div>
    <div class="modal fade" id="modalSendSMS" tabindex="-1" role="dialog" aria-labelledby="modalSMStitle">
	    <div class="modal-dialog" role="document">
		    <div class="modal-content">
			    <div class="modal-header">
				    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				    <h4 class="modal-title" id="modalSMStitle">New SMS message</h4>
			    </div>
			    <div class="modal-container">Loading...</div>
		    </div>
	    </div>
	</div>

    <div class="modal fade" id="modalSendEmail" tabindex="-1" role="dialog" aria-labelledby="modalEmailtitle">
	    <div class="modal-dialog" role="document">
		    <div class="modal-content">
			    <div class="modal-header">
				    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				    <h4 class="modal-title" id="modalEmailtitle">New Email message</h4>
			    </div>
			    {{ Form::open(array('route' => 'smsgateway-sendmail', 'role' => 'form', 'class' => 'send-mail-form', 'method' => 'PUT')) }}
			    <div class="modal-container">
				    <div class="box-body">
					    <div class="row">
						    <div class="col-md-12">
							    <div class="form-group">
								    {{ Form::label('email', 'Email') }}
								    {{ Form::text('email', '', array('readonly' => 'readonly', 'class' => 'form-control')) }}
							    </div>
						    </div>
					    </div>
					    <div class="row">
						    <div class="col-md-12">
							    <div class="form-group">
								    {{ Form::label('name', 'Nama Penerima') }}
								    {{ Form::text('name', '', array('readonly' => 'readonly', 'class' => 'form-control')) }}
									{{ Form::hidden('tgl_dibuat', '', array('class' => 'form-control')) }}
								</div>
						    </div>
					    </div>
					    <div class="row">
						    <div class="col-md-12">
							    <div class="form-group">
								    {{ Form::label('subject', 'Subjek') }}
								    {{ Form::text('subject', isset($emailSubject) ? $emailSubject->value : Input::old('subject'), array('class' => 'form-control')) }}
								</div>
						    </div>
					    </div>
					    <div class="row">
						    <div class="col-md-12">
							    <div class="form-group">
								    {{ Form::label('body', 'Isi Email') }}
									@if($currentRouteName[0] == 'resertifikasivalidasiberkasserkom' || $currentRouteName[0] == 'subspesialisresertifikasivalidasiberkasserkom' || $currentRouteName[0] == 'kompetensitambahanresertifikasivalidasiberkasserkom')
								    	{{ Form::textarea('body', isset($emailBody2) ? $emailBody2->value : Input::old('body'), array('class' => 'form-control', 'rows' => 5)) }}
									@elseif( $currentRouteName[0] == 'fellowshipresertifikasivalidasiberkasserkom' )
										{{ Form::textarea('body', isset($emailBody5) ? $emailBody5->value : Input::old('body'), array('class' => 'form-control', 'rows' => 5)) }}
									@elseif( $currentRouteName[0] == 'subspesialisvalidasiberkasserkom')
										{{ Form::textarea('body', isset($emailBody3) ? $emailBody3->value : Input::old('body'), array('class' => 'form-control', 'rows' => 5)) }}
									@elseif( $currentRouteName[0] == 'fellowshipvalidasiberkasserkom')
										{{ Form::textarea('body', isset($emailBody4) ? $emailBody4->value : Input::old('body'), array('class' => 'form-control', 'rows' => 5)) }}
									@elseif($currentRouteName[0] == 'validasiberkasserkom')
										{{ Form::textarea('body', isset($emailBody1) ? $emailBody1->value : Input::old('body'), array('class' => 'form-control', 'rows' => 5)) }}
									@endif
								</div>
						    </div>
					    </div>
				    </div>
			    </div>
			    <div class="modal-footer">
				    <button type="button" value="send-email" class="btn btn-primary" name="sendMail" id="sendMail"><span class="glyphicon glyphicon-send"></span> Kirim Email</button>
			    </div>
			    {{ Form::close() }}
		    </div>
	    </div>
    </div>
@stop
@section('js')
    <script src="{{asset('/engine/iCheck/icheck.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/fastclick/fastclick.min.js') }}"></script>
    <script src="{{asset('/engine/slimScroll/jquery.slimscroll.min.js') }}" type="text/javascript"></script>
    <script>
        $(function() {
	        $('#modalSendEmail').on('shown.bs.modal', function (event) {
		        var button = $(event.relatedTarget);
		        var sendEmail = button.data('email');
		        var sendName = button.data('name');
				var sendTgl = button.data('tgl');

		        var modal = $(this);
		        modal.find("input[name='email']").val(sendEmail);
		        modal.find("input[name='name']").val(sendName);
				modal.find("input[name='tgl_dibuat']").val(sendTgl);
	        });

	        $('#sendMail').click(function() {
		        if (confirm('Anda yakin akan mengirim email?')) {
			        $.ajax({
				        url: '{{ URL::route('smsgateway-sendmail') }}',
				        method: 'POST',
				        data: $('.send-mail-form').serialize()
			        }).done(function(e) {
				        $('#modalSendEmail').modal('hide');
				        $('.content').prepend('<div class="alert alert-info">Successfully Send Email!</div>');
			        });
		        }
	        });

	        $('#modalSendSMS').on('shown.bs.modal', function (event) {
		        var button = $(event.relatedTarget);
		        var recipient = button.data('phone');

		        var modal = $(this);
		        $('.modal-container').load('{{ URL::route('smsgateway-create-form') }} #sms-form' , function( response, status, xhr ) {
		            if (status == 'error') {
			            var msg = "Sorry but there was an error: ";
			            $( ".modal-container" ).html( msg + xhr.status + " " + xhr.statusText );
		            } else {
			            modal.find('#nomor_tujuan').replaceWith('<select id="nomor_tujuan" name="nomor_tujuan" class="form-control"></select>');
			            var split = recipient.replace(/\s/g,'').split('#');
			            $.each(split, function(index, value) {
				            if (value.trim() != '') $('#nomor_tujuan').append('<option value="' + value + '">' + value + '</option>');
			            });
			            modal.find('#isi').val('{{ $formatSms }}');

			            $('.form-sms').submit(function(e) {
				            e.preventDefault();
				            $.ajax({
					            url: '{{ url::route('smsgateway-create-outbox-data') }}',
					            method: 'POST',
					            data: {
						            '_method': 'PUT',
						            '_token': modal.find("input[name='token']").val(),
						            'nomor_tujuan': modal.find('#nomor_tujuan').val(),
						            'isi': modal.find('#isi').val()
					            }
				            }).done(function(e) {
					            modal.modal('hide');
					            $('.content').prepend('<div class="alert alert-info">Successfully Send SMS to ' + modal.find('#nomor_tujuan').val() + '!</div>');
				            });
			            });
		            }
		        });
	        });

            $('#search-data').keypress(function(event) {
                if (event.which == '13') {
	                str = $(this).val();
                    window.location.href = '{{ URL::route($routeSearch) }}/' + str.replace(/\s/g, '+');
                }
            });

	        var $cp = $('.cetak-validasi');
	        $cp.click(function(e) {
		        e.preventDefault();
		        $me = $(this);
		        currentWidth = $(window).width();
		        currentHeight = $(window).height();
		        window.open($me.attr('href'),"Cetak Validasi Berkas","toolbar=no,scrollbars=no,resizable=no,width=" + currentWidth + ",height= " + currentHeight);
	        });

            $(".validasiberkasserkom-star").click(function (e) {
                e.preventDefault();
                var $this = $(this).find("a > i");
                var glyph = $this.hasClass("glyphicon");
                var fa = $this.hasClass("fa");

                if (glyph) {
                    $this.toggleClass("glyphicon-star");
                    $this.toggleClass("glyphicon-star-empty");
                }

                if (fa) {
                    $this.toggleClass("fa-star");
                    $this.toggleClass("fa-star-o");
                }
            });
        });
    </script>
@stop