@extends('voyager::master')

@section('page_title', __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->display_name_singular)

@section('css')
    <style>
        .panel .mce-panel {
            border-left-color: #fff;
            border-right-color: #fff;
        }

        .panel .mce-toolbar,
        .panel .mce-statusbar {
            padding-left: 20px;
        }

        .panel .mce-edit-area,
        .panel .mce-edit-area iframe,
        .panel .mce-edit-area iframe html {
            padding: 0 10px;
            min-height: 350px;
        }

        .mce-content-body {
            color: #555;
            font-size: 14px;
        }

        .panel.is-fullscreen .mce-statusbar {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
        }

        .panel.is-fullscreen .mce-tinymce {
            height:100%;
        }

        .panel.is-fullscreen .mce-edit-area,
        .panel.is-fullscreen .mce-edit-area iframe,
        .panel.is-fullscreen .mce-edit-area iframe html {
            height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
        }
		
		  
		
		.dataTables_wrapper tfoot {
			display: table-footer-group !important;
		}			
		
		.group{
		  background-color: #dfdfdf!important;
		  font-weight: bold;
		}
    </style>
@stop

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.viewing').' '.$dataType->display_name_singular }}&nbsp;
 @can('edit', $dataTypeContent)
        <a href="{{ route('voyager.'.$dataType->slug.'.edit', $dataTypeContent->getKey()) }}" class="btn btn-info">
            <span class="glyphicon glyphicon-pencil"></span>&nbsp;
            {{ __('voyager::generic.edit') }}
        </a>
        @endcan
        <a href="{{ route('voyager.'.$dataType->slug.'.index') }}" class="btn btn-warning">
            <span class="glyphicon glyphicon-list"></span>&nbsp;
            {{ __('voyager::generic.return_to_list') }}
        </a>		
    </h1>
    @include('voyager::multilingual.language-selector')
@stop

@section('content')

	@php 
		
		$pedidos = App\Ped::where('event_id','=',$dataTypeContent->id)
		->with([
			'detalhes' => function($query){
				$query->orderBy('created_at','desc');
			}
		])
		->get();
		
		//dd($pedidos);		
	
		//$participantes = App\Detail::where('event_id','=',$dataTypeContent->id)->get();
	@endphp

	<h2>&nbsp;&nbsp;Evento: <strong>{{$dataTypeContent->titulo}}</strong></h2>


    <div class="page-content container-fluid">	
	

	
	
		<div class="panel">
			<div class="panel-heading">
				<h3 class="panel-title">
					Inscrições
				</h3>
				<div class="panel-actions">
				
					<!--<a class="panel-action voyager-angle-down" data-toggle="panel-collapse" aria-hidden="true"></a>-->
				</div>
			</div>
			 <div class="panel-body">
				<div class="table-responsive">
					<table id="dataTable" class="table table-hover">
						<thead>
							<tr>
								<th>Nome</th>
								<th>Email</th>
								<th style="width: 80px;">Fone</th>
								<th style="width: 60px;" >Data</th>
								<th>Item</th>
								<th>Valor</th>
							</tr>
							<tr>
								<th>Nome</th>
								<th>Email</th>
								<th style="width: 80px;">Fone</th>
								<th style="width: 60px;" >Data</th>
								<th>Item</th>
								<th>Valor</th>
							</tr>							
						</thead>
						<tbody>
							@if($pedidos->count() > 0)
								@foreach($pedidos as $pedido)
									<tr class="group">
										<td><a href="javascript:;" onclick="_abreDetalhesParticipante({{$pedido->id}}, {{$pedido->participant->id}} )" >{{$pedido->participant->nome}}</a></td>
										<td>
										@if($pedido->status == 1) Aguardando pagamento @endif
										@if($pedido->status == 2) Em análise @endif
										@if($pedido->status == 3) Pago @endif
										@if($pedido->status == 4) Pago/Disponível @endif
										@if($pedido->status == 5) Em disputa @endif
										@if($pedido->status == 6) Devolvida @endif
										@if($pedido->status == 7) Cancelada @endif
										</td>
										<td></td>
										<td></td>
										<td>{{$pedido->created_at->format('d/m/Y')}}</td>
										<td></td>
									</tr>
									@foreach($pedido->detalhes as $detalhe)
										<tr>
											<td><a href="javascript:;" onclick="_abreDetalhesParticipante({{$pedido->id}}, {{$detalhe->participant->id}} )" >{{$detalhe->participant->nome}}</a></td>
											<td>{{$detalhe->participant->email}}</td>
											<td>({{$detalhe->participant->ddd}}) {{$detalhe->participant->fone}}</td>
											<td>{{$detalhe->created_at->format('d/m/Y')}}</td>
											<td>{{$detalhe->variation->nome}}</td>
											<td>{{number_format($detalhe->valor,2,',','.')}}</td>
										</tr>
									@endforeach
								@endforeach
							@endif
						</tbody>
						<tfoot>
							<tr>
								<th colspan="4"></th>
								<th>Total</th>
								<th></th>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
		</div>
		
    </div>
	
	
	
    <div class="modal modal-danger fade" tabindex="-1" id="detalhe_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Detalhes</h4>
                </div>
				<div class="modal-body">
					<div class="row" id="divdetalhes">
						
					</div>
				</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-right" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->	
	
	
	
@stop

@section('css')
@if(!$dataType->server_side && config('dashboard.data_tables.responsive'))
    <link rel="stylesheet" href="{{ voyager_asset('lib/css/responsive.dataTables.min.css') }}">
@endif
@stop


@section('javascript')
    <!-- DataTables -->
    @if(!$dataType->server_side && config('dashboard.data_tables.responsive'))
        <script src="{{ voyager_asset('lib/js/dataTables.responsive.min.js') }}"></script>
    @endif
    <script>
		
	function _abreDetalhesParticipante(i, p){
		$.ajax({
			url: "/participante/"+i+"/"+p,	
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			type: "POST",
			dataType: "json",
			success: function(data){
				$("#divdetalhes").html("");
				
				if(data.participante.tipo == 1){ var tipo = "CPF";}
				if(data.participante.tipo == 2){ var tipo = "CNPJ";}
				if(data.participante.tipo == 3){ var tipo = "Estrangeiro (RNE)";}
				if(data.participante.tipo == 4){ var tipo = "Estrangeiro (passaporte)";}
				
				if(data.pedido.extra1 == 1){ 
					var t_extra1 = data.pedido.extranome1; 
					var extra1 = data.participante.extra1;
					var dados1 = t_extra1+": "+extra1+"<br>";
				} else {
					var dados1 = "";
				}
				if(data.pedido.extra2 == 1){ 
					var t_extra2 = data.pedido.extranome2; 
					var extra2 = data.participante.extra2;
					var dados2 = t_extra2+": "+extra2+"<br>";
				} else {
					var dados2 = "";
				}
				
				
				$("#divdetalhes").html(
					'<div class="col-md-12">'+
						'<h3>'+data.participante.nome+'</h3>'+
						'<span>'+data.participante.email+'</span>'+
					'</div>'+
					'<div class="col-md-4">'+
						'Fone: ('+data.participante.ddd+') '+data.participante.fone+'<br>'+
						'Sexo: '+data.participante.sexo+'<br>'+
						tipo+': '+data.participante.documento+'<br>'+
						'Nascimento: '+data.participante.nascimento+'<br>'+
						dados1+
						dados2+
					'</div>'+
					'<div class="col-md-8">'+
						'REF: '+data.pedido.id+'<br>'+
						'Data: '+data.pedido.dia+'<br>'+
						'Código: '+data.pedido.codigo+'<br>'+
						'Valor: R$ '+data.pedido.valor+'<br>'+
						'Status: '+data.pedido.status+'<br>'+
					'</div>'					
				);
				$("#detalhe_modal").modal("show");
			},
			error: function(data) {
				
			}			
		});
	}	
		
		
	function numeroParaMoeda(n, c, d, t){
		c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "," : d, t = t == undefined ? "." : t, s = n < 0 ? "-" : "", i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;
		return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
	}		
		
		
        $(document).ready(function () {
			
			$('#dataTable').DataTable({
				dom: 'Bfrtip',
				 "order": -1,
				"language": {
					"lengthMenu": "Mostrando _MENU_ registros",
					"zeroRecords": "Nada encontrado",
					"info": "Mostrando página _PAGE_ de _PAGES_",
					"infoEmpty": "Nehum registro ainda",
					"infoFiltered": "(Filtrado de um total de _MAX_ registros)",
					"sSearch":"Pesquisar",
					  "oPaginate": {
						"sFirst": "Primeiro",
						"sPrevious": "Anterior",
						"sNext": "Próximo",
						"sLast": "Último"
					  },					
				},
				   buttons: [
						{ extend: 'pdf', className: 'btn btn-info', exportOptions: {
							columns: ':visible'
						}  },
						{ extend: 'excel', 
							className: 'btn btn-info', 
							exportOptions: {
								columns: ':visible',
								format:{
								  body: function(data, row, column, node) {
									  data = $('<p>' + data + '</p>').text();
									  return $.isNumeric(data.replace(',', '.')) ? data.replace(',', '.') : data;
								  }
								}
							}
						},
						{ extend: 'csv', className: 'btn btn-info', exportOptions: {
							columns: ':visible'
						}  },
					],
					"dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
					
					
					"footerCallback": function ( row, data, start, end, display ) {
							var api = this.api(), data;
				 
							// Remove the formatting to get integer data for summation
							var intVal = function ( i ) {
								return typeof i === 'string' ?
									i.replace('.','').replace(',','.').replace(/[\R$,]/g, '')*1:   
									typeof i === 'number' ?
										i : 0;
							};
				 
							// Total over all pages
							total = api
								.column( 5 )
								.data()
								.reduce( function (a, b) {
									return intVal(a) + intVal(b);
								}, 0 );
				 
							// Total over this page
							pageTotal = api
								.column( 5, { page: 'current'} )
								.data()
								.reduce( function (a, b) {
									return intVal(a) + intVal(b);
								}, 0 );
				 
							// Update footer
							$( api.column( 5 ).footer() ).html(
								'R$ '+numeroParaMoeda(pageTotal,2,',','.') +' (R$ '+ numeroParaMoeda(total,2,',','.')+' )'
							);
						},					
					
        initComplete: function () {
            this.api().columns().every( function () {
                var column = this;
                var select = $('<select><option value=""></option></select>')
                    .appendTo( $(column.header()).empty() )
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );
 
                        column
                            .search( val ? '^'+val+'$' : '', true, false )
                            .draw();
                    } );
 
                column.data().unique().sort().each( function ( d, j ) {
                    select.append( "<option value='"+d+"'>"+d+"</option>");
                } );
            } );
        }					
					
					
					
			});
			
			/*
            @if (!$dataType->server_side)
                var table = $('#dataTable').DataTable({!! json_encode(
                    array_merge([
                        "language" => __('voyager::datatable'),
                        "columnDefs" => [['targets' => -1, 'searchable' =>  false, 'orderable' => false]],
                    ],
                    config('voyager.dashboard.data_tables', []))
                , true) !!});
            @else
                $('#search-input select').select2({
                    minimumResultsForSearch: Infinity
                });
            @endif

            @if ($isModelTranslatable)
                $('.side-body').multilingual();
                $('#dataTable').on('draw.dt', function(){
                    $('.side-body').data('multilingual').init();
                })
            @endif
            $('.select_all').on('click', function(e) {
                $('input[name="row_id"]').prop('checked', $(this).prop('checked'));
            });
			*/
			
			
			
        });



    </script>
@stop