@extends('layouts.user')
{{-- Web site Title --}}
@section('title')
@stop
{{-- Content --}}
@section('styles')
<style type="text/css">
.scroll-x {
    overflow-x: auto;
}

.one-digit-input {
    width: 30px;
}
</style>
@stop
@section('content')
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
                <i class="material-icons">groups</i>
                {{ $title }}
            </h4>
        <span class="pull-right">
            <i class="fa fa-fw fa-chevron-up clickable"></i>
            <i class="fa fa-fw fa-times removepanel clickable"></i>
        </span>
        <div class="panel-heading clearfix">
            <div class="row">
                <div class="col-md-12">
                    {!! Form::open(array('url' => $type,'method'=>'get','class'=>'text-right')) !!}
                    <div class="col-md-3">
                        <label for="area_filter">Area</label>
                        <select id="area_filter" name="area_filter" class="form-control" style="display: inline-block; width: 80px; margin-right: 20px;">
                          <option value="">All Areas</option>
                            @foreach($areas as $area)
                            <option value="{{ $area->id }}" @if($area->id == request()->area_filter) selected @endif>
                                {{ $area->name }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="date_search">Filter by Date</label>
                        <input type="text" id="date_search" class="datepicker form-control" name="date_search" value="{{request('date_search') != '' ? request('date_search') : ''}}" data-validation-format="yyyy-mm-dd" style="display: inline-block; width: 180px;" />
                    </div>
                    <div class="col-md-3">
                        <label for="query_period">No of Days</label>
                        <select id="query_period" name="period" class="form-control" style="display: inline-block; width: 80px; margin-right: 20px;">
                            @foreach(config('params.time_periods') as $period => $name)
                            <option value="{{ $period }}" @if(request('period', config( 'params.default_period'))==$period) selected @endif>
                                {{ $name }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="btn btn-success" style="margin-top: -3px;"><i class="fa fa-check-square-o"></i> {{trans('prices.apply')}}</button>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
    <div class="panel-body">
        <form method="post" action="{{ url($type) }}">
            {{ method_field('PUT') }}
            <input type="hidden" name="period" value="{{ request('period', config('params.default_period')) }}">
            <div class="form-group">
                <div class="scroll-x">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Apartment</th>
                                <th class="text-center" colspan="{{count($prices->getDatesRange())}}">
                                    Dates
                                </th>
                            </tr>
                        </thead>
                        @foreach($prices->getFormattedData() as $apartment => $plans)
                        <thead>
                            <tr>
                                <th class="text-uppercase text-primary">{{ $apartment }}</th>
                                @foreach($prices->getDatesRange() as $date)
                                <th class="text-center @if($prices->formatDate($date, 'N') > 5) weekend @endif">
                                    {!! $prices->formatDate($date, "d <b\\r> M") !!}
                                </th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($plans as $plan)
                            <tr class="setting-row">
                                <td>
                                    <strong>{{ $plan['price_plan_name'] }}</strong> {{ $prices->shortName($plan['meal_plan_name']) }}
                                    <div class="pull-right">
                                        <span class="text-primary">{{ strtoupper(\Settings::get('currency')) }}</span>
                                        <i class="fa fa-calendar multi-assign" data-title="{{ " {$plan[ 'price_plan_name']} - {$plan[ 'meal_plan_name']} - $apartment " }}" data-plan="{{ $plan['id'] }}" data-start-date="{{ $prices->getFirstDate() }}" data-end-date="{{ $prices->getLastDate() }}"></i>
                                    </div>
                                </td>
                                @foreach($prices->getDatesRange() as $date)
                                <th class="text-center @if($prices->formatDate($date, 'N') > 5) weekend @endif">
                                    <input type="text" class="one-digit-input price-input" data-validation="number" data-validation-allowing="integer,positive" name="price[{{ $plan['id'] }}][{{ $date }}]" value="{{ old(" price.{$plan[ 'id']}.{$date} ", $prices->getPrice($plan['id'], $date)) }}">
                                </th>
                                @endforeach
                            </tr>
                            @endforeach
                        </tbody>
                        @endforeach
                    </table>
                </div>
            </div>
            @if (Sentinel::getUser()->authorized("settings","write"))
            {{ csrf_field() }}
            <div class="form-group">
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
            @endif
        </form>
    </div>
</div>
<div id="multi_assign_modal" class="modal fade">
</div>
@stop
{{-- Scripts --}}
@section('scripts')
<script type="text/javascript">
'use strict';

$.validate();

$('#query_period,#area_filter').change(function(e) {
    e.target.form.submit();
});

$('.datepicker').datetimepicker({
    format: 'YYYY-MM-DD'
});

$('.multi-assign').click(function(e) {

    var self = this;

    $.get('{{URL("prices/multi-assign")}}', function(data) {
        var placeholders = $(self).data();
        $.each(placeholders, function(i, e) {
            data = data.replace(new RegExp('@{{\\s*' + i + '\\s*}}'), e);
        });
        $('#multi_assign_modal').html(data).modal();
        $('.datepicker', '#multi_assign_modal').datetimepicker({
            format: 'YYYY-MM-DD'
        });
    });
});

$('#multi_assign_modal').on('click', 'button.submit', function(e) {

    var $form = $('#multi_assign_form');
    var form_array = $form.serializeArray();
    var form_data = {};
    $.each(form_array, function(_, kv) {
        form_data[kv.name] = kv.value;
    });

    var start = new Date(form_data['date_start']);
    var end = new Date(form_data['date_end']);

    var begindate = moment(start).format('YYYY-MM-DD');
    var lastdate = moment(end).format('YYYY-MM-DD');

    var planpricearray = new Array();
    var plandatearray = new Array();

    while (end.getTime() >= start.getTime()) {
        var startdate = moment(start).format('YYYY-MM-DD');
        var $input = $('input[name="price[' + form_data.plan + '][' + startdate + ']"]');
        var price;
        var planid = form_data.plan;
        var plandate = startdate;

        if (form_data['week[' + start.getDay() + ']'] != undefined) {
            $input.val(form_data.price);
            price = form_data.price;
        } else {
            $input.val(0);
            price = 0;
        }

        planpricearray.push(price);
        plandatearray.push(plandate);
        start.setDate(start.getDate() + 1);
    }

    $('#multi_assign_modal').modal('hide');

    $.ajax({
        type: "POST",
        cache: false,
        data: {
            planid: planid,
            price: planpricearray,
            begindate: begindate,
            lastdate: lastdate,
            plandate: plandatearray,
            _token: "{{csrf_token()}}"
        },

        url: "{{URL::to($type.'/ajax_store')}}",

        success: function(data) {
            console.log(data);
        }
    });
    return false;
});
//Only numbers in price-input
$(".price-input").keyup(function(e){
    this.value = this.value.replace(/[^0-9\.]/g, '');
});
</script>
@stop