@extends('layouts.user')
{{-- Web site Title --}}
@section('title')
@stop
{{-- Content --}}
@section('content')
<div class="row">
    <div class="col-md-12">
        <form role="form">
            <div class="col-md-6">
                <div class="form-group">
                    <input type="text" name="start" value="{{$request->start?$request->start:\Carbon\Carbon::now()->toDateString()}}" id="start" class="form-control" placeholder="From">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <input type="text" name="end" value="{{$request->end?$request->end:\Carbon\Carbon::now()->toDateString()}}" id="end" class="form-control" placeholder="To">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <select name="client" id="client-select" class="form-control">
                        <option value="0">All Users</option>
                        @foreach($clients as $client)
                        <option value="{{$client->id}}"  @if($request->client == $client->id) {{'selected'}}@endif>{{$client->type==1?($client->first_name." ".$client->last_name):($client->company_name)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <input type="submit" name="" value="Get Arrivals" class="btn btn-success">
                </div>
            </div>
        </form>
        <div class="col-md-12">
            <div class="panel">
                <div class="panel-heading">Reservations</div>
                <div class="panel-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <td>Number</td>
                            <td>Reservation Number</td>
                            <td>Arrival</td>
                            <td>Departure</td>
                            <td>Nights</td>
                            <td>Apartment</td>
                            <td>Client</td>
                            <td>Phone Number</td>
                            <td>Actions</td>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($reservation_list as $index => $reservations)
                    <tr>
                        <td colspan="9">Date : {{$index}}/ {{count($reservations)}} entries</td>
                    </tr>
                    @foreach($reservations as $index1 => $reservation)
                    <tr>
                        <td>{{$index1+1}}</td>
                        <td><a href="{{url('reservations/'.$reservation->id.'/edit')}}">{{$reservation->id}}</a></td>
                        <td>{{$reservation->arrival}}</td>
                        <td>{{$reservation->departure}}</td>
                        <td>{{$reservation->nights}}</td>
                        <td>{{$reservation->apartment->name}}</td>
                        <td>{{$reservation->client->type==1?($reservation->client->first_name." ".$reservation->client->last_name):($reservation->client->company_name)}}</td>
                        <td>{{$reservation->client->phone}}</td>
                        <td><a href="{{url('reservations/'.$reservation->id.'/edit')}}"><i class="fa fa-edit"></i></a></td>
                    </tr>
                    @endforeach
                    @endforeach
                    </tbody>
                </table>
            </div>
            </div>
        </div>
    </div>
</div>
@stop
{{-- Scripts --}}
@section('scripts')
<script>
    $(document).ready(function(){
        var dateFormat = '{{ isset($jquery_date)?$jquery_date:"YYYY-MM-DD" }}';

        $('#start,#end').datetimepicker({
            format: dateFormat,
            icons: {
                time: "fa fa-clock-o",
                date: "fa fa-calendar",
                up: "fa fa-arrow-up",
                down: "fa fa-arrow-down"
            }
        });
        $('select').select2();
    });
</script>
@stop