@extends('layouts.blank')

@push('stylesheets')
.customLabelDefault{
    color: white;
    font-size: 12px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.customLabelPrimary{
    color: white;
    font-size: 12px;
    box-shadow:
    0 8px 8px 0 rgba(0, 255, 255, 0.2), 0 6px 20px 0 rgba(0, 191, 255, 0.19);}
.customLabelDanger{
    color: white;
    font-size: 12px;
    box-shadow:
    0 8px 8px 0 rgba(255, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 0, 0, 0.19);}
.customLabelSuccess{
    color: white;
    font-size: 12px;
    box-shadow:
    0 8px 8px 0 rgba(0, 255, 0, 0.2), 0 6px 20px 0 rgba(0, 255, 0, 0.19);}
.customLabelWarning{
    color: white;
    font-size: 12px;
    box-shadow:
    0 8px 8px 0 rgba(255, 174, 0, 0.2), 0 6px 20px 0 rgba(255, 174, 0, 0.19);}
@endpush
@push('inline-scripts')
    @if(isset($selectedBranches))
        var selectedBranches = null;
    @else
        var selectedBranches = [];
    @endif
@endpush

@push('scripts')
    <script src="{{ asset("js/amenities.js") }}"></script>
@endpush

@section('main_container')

    <!-- page content -->
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">

                {!! Form::open(array('route' => array('amenities.store'), 'class' => 'form-horizontal form-label-left', 'method' => 'POST')) !!}

                <div class="row">
                    <div class="col-md-12 col-xs-12">
                        <div class="x_panel">
                            <div class="row">

                                <div class="col-md-4 col-xs-12">
                                    <div class="form-group">
                                        <label for="branch">Branch</label>
                                        {!! Form::select('branch[]', [], null, array('id' => 'branch', 'class' => 'form-control', 'multiple' => 'multiple')) !!}
                                    </div>
                                </div>
                                <div class="col-md-2 col-xs-12">
                                    <div class="form-group">
                                        <label for="date">Date</label>
                                        {!! Form::text('date', $date, array('class' => 'form-control', 'id' => 'date')) !!}
                                    </div>
                                </div>
{{--                                <div class="col-md-2 col-xs-12">--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label for="date_from">Date From</label>--}}
{{--                                        {!! Form::text('dateFrom', $dateFrom, array('class' => 'form-control', 'id' => 'dateFrom')) !!}--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div class="col-md-2 col-xs-12">--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label for="date_to">Date To</label>--}}
{{--                                        {!! Form::text('dateTo', $dateTo, array('class' => 'form-control', 'id' => 'dateTo')) !!}--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                            </div>

                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="btn-group">
                                        <button type="submit" class="btn-sm btn-success" value="search" name="submit">
                                            <span class="glyphicon glyphicon-search"></span> Search
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>

            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Amenities
                                <strong>{{ $formattedDateFrom == $formattedDateTo ? $formattedDateFrom : $formattedDateFrom . ' - ' . $formattedDateTo }}</strong>
                            </h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li>
                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                       aria-expanded="false"><i class="glyphicon glyphicon-export"></i></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li>
                                            <span class="label label-default"
                                                  style="display: block; border-radius: 0px;">
                                                <small>Export <span class="glyphicon glyphicon-save"></span>&nbsp;
                                                    <strong>{{ $formattedDateFrom == $formattedDateTo ? $formattedDateFrom : $formattedDateFrom . ' - ' . $formattedDateTo }}</strong>
                                                </small>
                                            </span>
                                        </li>
                                        <li>
                                            <button style="text-decoration: none;" type="submit" class="btn btn-link" value="excel" name="submit">
                                                <small><span class="fa fa-braille"></span>&nbsp;&nbsp;Amenities
                                                </small>
                                            </button>
                                        </li>
                                        <li>
                                            <button style="text-decoration: none;" type="submit" class="btn btn-link" value="consolidate" name="submit">
                                                <small><span class="fa fa-table"></span>&nbsp;&nbsp;Consolidated
                                                </small>
                                            </button>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="close-link">
                                        <i class="fa fa-close">
                                        </i>
                                    </a>
                                </li>
                                {!! Form::close() !!}
                            </ul>
                            <div class="clearfix"></div>


                        </div>
                        <div class="x_content table-responsive">
                            <table id="datatable" class="table table-responsive table-striped jambo_table table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Branch</th>
                                    <th>Description</th>
                                    <th>Quantity</th>
                                </tr>
                                </thead>


                                <tbody>
                                @foreach($amenitiesPool as $amenities)
                                    <tr>
                                        <td>{{ $amenities->date }}</td>
                                        <td>{{ $amenities->branch }}</td>
                                        <td>{{ $amenities->description }}</td>
                                        <td>{{ $amenities->qty }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            {!! Paginate::show($amenitiesPool) !!}
                            {{ $amenitiesPool->appends(request()->except('page'))->links() }}
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
@endsection