@extends('layouts.container')
@section('title', 'Pendaftaran Fellowship')
@section('title_description')
    @if(!$permission)
        <a href="{{ URL::route('fellowshippendaftaran-create-form') }}" class="btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span> Tambah Baru</a>
    @endif
@endsection
@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/skins/skin-black.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/iCheck/flat/flat.css') }}" rel="stylesheet" type="text/css" />
@endsection
@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">Data Registrasi Fellowship</h3>
				    <div class="box-tools pull-right">
					    <div class="has-feedback">
						    <input type="text" class="form-control input-sm" id="search-data" placeholder="Search Sub Spesialis"/>
						    <span class="glyphicon glyphicon-search form-control-feedback"></span>
					    </div>
				    </div><!-- /.box-tools -->
			    </div><!-- /.box-header -->
			    <div class="box-body no-padding">
				    <div class="fellowshippendaftaran-controls margin">
              @if(!$permission)
					    <!-- Check all button -->
					    <button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
					    <div class="btn-group">
						    <button class="btn btn-default btn-sm btn_trash"><i class="fa fa-trash-o"></i></button>
					    </div><!-- /.btn-group -->
              @endif
				    </div>
				    <div class="table-responsive fellowshippendaftaran-messages">
					    <table class="table table-hover table-striped">
						    <thead>
                  <tr>
                    <!--td>ID</td>-->
                    <td width="10"></td>
                    <td class="bg-yellow-gradient col-md-1" nowrap="true">No. Registrasi</td>
                    <td class="col-md-1">NPA IDI</td>
                    <td class="bg-yellow-gradient col-md-2">Nama (sesuai STR/ijasah)</td>
                    <td class="bg-yellow-gradient">Fellowship</td>
                    <td>Tempat, Tanggal Lahir</td>
                    <td class="col-md-1">No. Telp / No. HP / No. HP Alternatif</td>
                    <td nowrap="true" width="100">Tanggal Lulus</td>
                    <td width="50">Foto</td>
                    @if(!$permission)
                        <td nowrap="true">Action</td>
                    @endif
                  </tr>
              </thead>
						    <tbody>
						    @foreach($pendaftaranFellowship as $key => $value)
							    <tr>
								    <td><input type="checkbox" class="pendaftaransubspesialis_ids" id="pendaftaransubspesialis_ids[{{ $key }}]" value="{{ $value->id_register_sp }}" /></td>
								    <td>{{ $value->no_registrasi }}</td>
                    <td>{{ $value['BiodataDokter']->npa_idi }}</td>
                    <td>{{ $value['BiodataDokter']['Biodata']->nama_lengkap }}</td>
                    <td>{{ @$value['DaftarKelulusanSp']['DataSp2Fellowship']['NamaFellowship']->nama_fellowship }}</td>
                    <td>{{ $value['BiodataDokter']['Biodata']->tempat_lahir . ', ' . date_format(date_create($value['BiodataDokter']['Biodata']->tanggal_lahir), 'd-m-Y') }}</td>
                    <td>{{ $value['BiodataDokter']['Biodata']->nomor_telepon }} / {{ $value['BiodataDokter']['Biodata']->nomor_hp }} / {{ $value['BiodataDokter']['Biodata']->nomor_hp2 }}</td>
                    <td>@if(@$value['DaftarKelulusanSp']['DataSp2Fellowship']['selesai_pendidikan'])<div class="badge bg-green">{{ @date_format(date_create($value['DaftarKelulusanSp']['DataSp2Fellowship']['selesai_pendidikan']), 'd-m-Y') }}</div>@endif</td>
                    <td><a href="{{ asset('uploads/foto') . '/' . substr($value['BiodataDokter']['Biodata']->file_foto, strpos($value['BiodataDokter']['Biodata']->file_foto, '#')+1) }}" target="_blank"><span class="glyphicon glyphicon-picture"></span></a></td>
                    @if(!$permission)
                      <td>
                          <a class="btn btn-sm btn-primary" href="{{ URL::route('fellowshippendaftaran-edit-form' , $value->id_register_sp) }}"><span class="glyphicon glyphicon-edit"></span></a>
                      </td>
                    @endif
							    </tr>
						    @endforeach
						    </tbody>
					    </table>
					    <div class="text-center">
						    {{ $pendaftaranFellowship->links() }}
					    </div>
				    </div>
			    </div>
		    </div>
	    </div>
    </div>
@endsection
@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() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('#search-data').keypress(function(event) {
                if (event.which === 13) {
                    str = $(this).val();
                    window.location.href = '{{ URL::route('fellowshippendaftaran-search', '') }}/' + str.replace(/\s/g, '+');
                }
            });

            $('.fellowshippendaftaran-messages input[type="checkbox"]').iCheck({
                checkboxClass: 'icheckbox_flat',
                radioClass: 'iradio_flat'
            });

            $(".checkbox-toggle").click(function () {
                var clicks = $(this).data('clicks');
                if (clicks) {
                    //Uncheck all checkboxes
                    $(".fellowshippendaftaran-messages input[type='checkbox']").iCheck("uncheck");
                    $(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
                } else {
                    //Check all checkboxes
                    $(".fellowshippendaftaran-messages input[type='checkbox']").iCheck("check");
                    $(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
                }
                $(this).data("clicks", !clicks);
            });

            $('.btn_trash').click(function() {
                var $checked = $(".fellowshippendaftaran-messages input[type='checkbox']:checked:enabled");
                var $counter = $checked.length;
                $checked.each(function(index, value) {
                    $.ajax({
                        url: "{{ URL::route('fellowshippendaftaran-delete', '') }}"+ '/' + $(value).val(),
                        method: 'DELETE'
                    }).always(function() {
                        if (($counter-1) === index) {
                            $(".fellowshippendaftaran-messages input[type='checkbox']").iCheck("uncheck");
                            window.location.reload();
                        }
                    });
                });
            });
        });
    </script>
@endsection