@extends('layouts.app')

@section('content')
<!-- ADDETTO PULIZIE (MOD.2) -->
<script>
    $(document).ready( function () {
        $('#tbbookings').DataTable( {
            "autoWidth": false,
            "columnDefs": [
              { "type": 'date-eu', "targets": 1 },
              { "type": 'date-eu', "targets": 2 }    
            ],  
           "fixedColumns":{  
              "leftColumns": 7
            },
            "scrollCollapse": true,
            "scrollX" : true,
            "pageLength": 100,
            "paging":   false,
            "order": [[ 1, "asc" ]],
        //  "ordering": false,
            "info":     false
        });
        $('#tbSubBookings').DataTable( {
            "scrollX" : false,
            "paging":   false,
            "ordering": false,
            "info":     false
        });
    });
   // $('table.dataTable thead th div.DataTables_sort_wrapper').find('span').remove();
   //	$('#th1').removeClass('sorting sorting_asc sorting_desc');
	
    /*
	$("body #dtAgenzie_wrapper div.fg-toolbar div.dataTables_length select[name = 'dtAgenzie_length']").val("10").change();
    */
</script>
<input type="hidden" id="hiddenCount" value="{{ count($bookings)}}"/>

@if (count($bookings) > 0)
<div class="">
    <div class="container-fluid">
    <div class="panel panel-default">
        
	<div class="panel-heading">LISTA PRENOTAZIONI</div>
    	<div class="panel-body">
            
        <table id="tbbookings" width="100%" class="table table-striped table-bordered nowrap display stripe row-border order-column" cellspacing="0">
       
        <thead>     
            <tr style="height:2px;">
                <th id="th_house_name" style="min-width:100px;max-width:100px;">Proprietà</th>
                
                <th id="th_date_start" style="min-width:40px;max-width:40px;">Check-in</th>
                
                <th id="th_date_end" style="min-width:40px;max-width:40px;">Check-out</th>
                
                <th id="th_nights_number" style="min-width:15px;max-width:15px;">Notti</th>
                
                <th id="th_guests_number" style="min-width:100px;max-width:100px;">N°ospiti</th>
                
                <th id="th_guest" style="min-width:120px;max-width:120px;">Ospite</th>
                
                <th id="th_guest_citizenship" style="min-width:80px;max-width:80px;">Nazionalità</th>
                
                <th style="min-width:520px;max-width:520px;">Note Esterne</th>
                
                <th style="min-width:230px;max-width:230px;">Servizi extra</th>

            </tr>
        </thead>
        <tbody>
            @foreach ($bookings as $booking)
            <tr>
                <td id="td_house_name0" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->h_title }}</td>
                
                                <script>
                    var tempValue = $("#td_house_name0").html();
                    var tempArray = tempValue.split("-");
                    $("#td_house_name0").html(tempArray[0]);
                </script>
                                
                                    <td id="p_date_start0" name="{{ $booking->p_date_start }}" style="padding:1px;color:green;background-color:rgba(218, 252, 254, 1)"></td>
                                    
                                    <td id="p_date_end0" name="{{ $booking->p_date_end }}" style="padding:1px;color:red;background-color:rgba(218, 252, 254, 1)"></td>
                                    
                <td id="nights_number0" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->p_nights_number  }}</td>

                <td id="guests_number0" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->p_guests_number }}</td>               
                
                <td id="td_guest0" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->g_name }} {{ $booking->g_surname }}</td>
                <!-- Nazionalità -->
                <td id="td_guest_citizenship0" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->g_citizenship }}</td>
                <!-- Note esterne -->
                <td style="padding:1px;">{{ $booking->p_note_kh }}</td>
                <!-- Servizi extra -->
                <td style="padding:1px;">{{ $booking->p_extra_service }}</td>

            </tr>
            <script>
                $("#p_date_start0").append(dateFormatFn($("#p_date_start0").attr("name")));
                $("#p_date_end0").append(dateFormatFn($("#p_date_end0").attr("name")));
                $("#p_date0").append(dateFormatFn($("#p_date0").attr("name")));
                $("#p_date_balance0").append(dateFormatFn($("#p_date_balance0").attr("name")));
            </script>
                    @endforeach
        </tbody>
    	</table>
    </div>   
    </div>
</div>
        
<div align=right>
    <a class="btn btn-success" href="{{ URL::route('klabo.report',['id'=> $logged->a_id ]) }}">STAMPA REPORT</a>
</div>
<br>  
@endif
@endsection