@extends('layouts.app')

@section('content')

<script>
    $(document).ready( function () {
        $('#tbbookings').DataTable( {
            "autoWidth": false,
            "columnDefs": [
              { "width": "100", "targets": 2 },
              { "type": 'date-eu', "targets": 4 },
              { "type": 'date-eu', "targets": 5 },
              { "type": 'date-eu', "targets": 9 }
            ],  
           "fixedColumns":{  
              "leftColumns": 10
            },
            "scrollCollapse": true,
            "scrollX" : true,
            "pageLength": 100,
            "paging":   false,
        //  "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)
    <!-- BLOCCHI PROPRIETA' -->
    <div class="container">  
        
    <div class="panel panel-default">

        <div class="panel-heading">LISTA BLOCCHI PROPRIETA'</div>
        
    	<div class="panel-body">
        @if ( $from == 0 )
        <table id="tbbookings" width="100%" class="table table-striped table-bordered nowrap display stripe row-border order-column" cellspacing="0">
        @elseif ( $from == 1 )
        <table id="tbblocks" width="100%" class="table table-hover table-striped table-bordered display" cellspacing="0">
        @endif
        <thead>     
            <tr style="height:2px;">
                
                <th id="th_view" style="min-width:30px;max-width:30px;">Dettaglio</th>
                
                <th id="th_state" style="min-width:40px;max-width:40px;">Stato pren.</th>
                
                <th id="th_house_name" style="min-width:100px;max-width:100px;">Proprietà</th>
                
                <th id="th_from" style="min-width:50px;max-width:50px;">Canale</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:20px;max-width:20px;">N°notti</th>

            </tr>
        </thead>
        <tbody>
            @foreach ($bookings as $booking)
            <tr>
             
                <td id="td_view" style="padding:1px">
                    <a href="{{ URL::route('klabo.booking',['pid'=> $booking->p_id,'aid'=> $logged->a_id ]) }}" class="btn btn-sm btn-primary" style="width:44px;height:20px;font-size:0.8em">VIEW</a>
                </td>
                    
                <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="td_from" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->p_from }}</td>

                <td id="td_state1" style="padding:1px;background-color:rgba(218, 252, 254, 1)">{{ $booking->p_state }}</td>
              
                                    <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>
    
            </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 id="divtbSubBookings1" class="hide table-responsive" style="height:30px;margin-left:15px;">
            <table id="tbSubBookings1" width="100%" class="table table-hover table-striped table-bordered display" cellspacing="0">
                <tbody>     
                    <tr>
                        <td id="sub_view" style="min-width:65px;max-width:65px;">Dettaglio</td>

                        <td id="sub_house_name" style="min-width:140px;max-width:140px;">Proprietà</td>

                        <td id="sub_from" style="min-width:90px;max-width:90px;">Canale</td>

                        <td id="sub_state" style="min-width:80px;max-width:80px;">Stato pren.</td>

                        <td id="sub_date_start" style="min-width:75px;max-width:75px;">Check-in</td>

                        <td id="sub_date_end" style="min-width:75px;max-width:75px;">Check-out</td>

                        <td id="sub_nights_number" style="min-width:60px;max-width:60px;">N°notti</td>
                    </tr>

                </tbody>
            </table>
        </div>
	</div>   
    </div>
@endif
@endsection