@extends('layouts.user')
{{-- Web site Title --}}
@section('title')
@stop

{{-- Content --}}
@section('content')
<div class="panel panel-default">
    <div class="panel-body">
        @include('customers.channelmanagers.partials._filter')

        <form method="post" action="{{ url($type) }}">
            {{ method_field('PUT') }}
            {{ csrf_field() }}

            <input type="hidden" name="period" value="{{ request('period', config('params.default_period')) }}">
            <div id="channelMangerContent">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        @foreach($apartments as $apartment)
                            <tbody data-area-id="{{ $apartment['area_id'] }}" data-apartment-type-id="{{ $apartment['apartment_type_id'] }}">
                                <tr class="bg-success-light">
                                    <td>
                                        <strong class="text-primary">{{ $apartment['name'] }}</strong>
                                    </td>

                                    @foreach($apartment['dates'] as $date => $data)
                                        <td class="text-center @if($data['weekend']) text-danger @else text-muted @endif">
                                            <b>{{ \Carbon\Carbon::parse($date)->format('d M, D') }}</b>
                                        </td>
                                    @endforeach
                                </tr>

                                <tr class="bg-default">
                                    <td>{{ trans('channelmanager.availability') }}</td>

                                    @foreach($apartment['dates'] as $date => $dateData)
                                        <td class="text-center @if(! $dateData['availability']) text-danger @endif">
                                            <b>{{ $dateData['availability'] }}</b>
                                        </td>
                                    @endforeach
                                </tr>

                                @foreach($apartment['price_plans'] as $pricePlan)
                                    <tr>
                                        <td class="clearfix">
                                            <div class="pull-left">
                                                <button type="button" class="btn btn-default btn-xs collapse-tr"
                                                        data-toggle="collapse"
                                                        data-target="#trCollapse{{ $pricePlan['price_plan_connect_id'] }}"
                                                        aria-expanded="false"
                                                        aria-controls="trCollapse{{ $pricePlan['price_plan_connect_id'] }}">
                                                    <i class="fa fa-angle-double-down"></i>
                                                </button>
                                                {{ $pricePlan['name'] }}
                                            </div>

                                            @include('customers.channelmanagers.partials._calendar_button', ['type' => 'normal'])
                                        </td>

                                        @foreach($pricePlan['date_price']['normal'] as $date => $price)
                                            @include('customers.channelmanagers.partials._td_input', ['type' => 'normal'])
                                        @endforeach
                                    </tr>

                                    <tr id="trCollapse{{ $pricePlan['price_plan_connect_id'] }}" class="collapse">
                                        <td>
                                            <div class="pull-left">{{ trans('channelmanager.single_use') }}</div>
                                            @include('customers.channelmanagers.partials._calendar_button', ['type' => 'single_use'])
                                        </td>

                                        @foreach($pricePlan['date_price']['single_use'] as $date => $price)
                                            @include('customers.channelmanagers.partials._td_input', ['type' => 'single_use'])
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        @endforeach
                    </table>
                </div>
            </div>
        </form>
    </div>
</div>
<div id="multi_assign_modal" class="modal fade"></div>

<div id="syncRatesModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title"><i class="fa fa-refresh fa-spin text-primary" style="font-size:18px"></i>
                    {{ trans('channelmanager.synchronization') }}
                </h4>
            </div>
            <div class="modal-body">
                <h5>{{ trans('channelmanager.please_wait') }}</h5>
            </div>
        </div>
    </div>
</div>
@stop

{{-- Scripts --}}
@section('scripts')
    <script type="text/javascript">
    'use strict';

    $.validate();

    // Show/hide nested price plans
    $('[id^=trCollapse]').on('show.bs.collapse', function (e) {
        var targetBtn = $("[data-target='#" + e.currentTarget.id + "']");

        $(targetBtn).find('i.fa').removeClass('fa-angle-double-down').addClass('fa-angle-double-up');
    }).on('hide.bs.collapse', function (e) {
        var targetBtn = $("[data-target='#" + e.currentTarget.id + "']");

        $(targetBtn).find('i.fa').removeClass('fa-angle-double-up').addClass('fa-angle-double-down');
    });

    // Filters area/apartmentType
    $('#areaFilter, #apartmentTypeFilter').change(function (e) {
        var areaId = $('#areaFilter').val();
        var apartmentTypeId = $('#apartmentTypeFilter').val();
        var tbody = $('#channelMangerContent tbody');

        tbody.hide();
        if (areaId > 0 && apartmentTypeId > 0) {
            $('tbody[data-area-id="'+ areaId +'"][data-apartment-type-id="'+ apartmentTypeId +'"]').show();
        } else if (areaId > 0) {
            $('tbody[data-area-id="'+ areaId +'"]').show();
        } else if (apartmentTypeId > 0) {
            $('tbody[data-apartment-type-id="'+ apartmentTypeId +'"]').show();
        } else {
            tbody.show();
        }
    });

    $('#queryPeriod').change(function(e) {
        e.target.form.submit();
    });
    $('.datepicker').datetimepicker({
        format: 'YYYY-MM-DD'
    });

    // Show modal calendar
    $('.multi-assign').click(function(e) {
        var self = this;

        $.get('{{URL("channelmanager/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'
            });
        });
    });

    //Numeric input
    $('.numeric').keypress(validateNumber);

    function validateNumber(event) {
        var key = window.event ? event.keyCode : event.which;
        if (event.keyCode === 8) {
            return true;
        } else if ( key < 48 || key > 57 ) {
            return false;
        } else {
            return true;
        }
    }

    // Save and send to source updated price for day
    $("input[name*='price']").change(function(e){
        var inputName = $(this).attr('name');
        var price = $(this).val();

        var changedInput = inputName.match(/\[.*?\]/g);

        var pricePlanConnectId = changedInput[0].substring(1, changedInput[0].length-1);
        var date = changedInput[1].substring(1, changedInput[1].length-1);
        var priceType = changedInput[2].substring(1, changedInput[2].length-1);

        var priceArr = {};
            priceArr[date] = price;

        var data = {
            prices: priceArr,
            pricePlanConnectId: pricePlanConnectId,
            priceType: priceType
        };

        var updatePriceUrl = '{{ URL::to($type.'/ajax_store')}}';
        $.post(updatePriceUrl, data, function (data) {});
    });

    $('#savePrices').click(function(e){
//        var inputs = $("input[name*='price']");
        location.reload();
    });

    // Store prices to database
    $('#multi_assign_modal').on('click', 'button.submit', function(e) {
        $(this).prop('disabled', true).html('<i class="fa fa-spin fa-refresh"></i>');

        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 pricePlanConnectId = form_data['price_plan_connect_id'];
        var priceType = form_data['price_type'];

        var firstdate = moment(start).format('YYYY-MM-DD');
        var pricearray = {};

        // Create array date = price
        while (end.getTime() >= start.getTime()) {
            var startdate = moment(start).format('YYYY-MM-DD');
            var enddate = moment(end).format('YYYY-MM-DD');
            var $input = $('input[name="price[' + 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;
            }

            pricearray[plandate]=price;
            start.setDate(start.getDate() + 1);
        }

        var data = {
            prices: pricearray,
            pricePlanConnectId: pricePlanConnectId,
            priceType: priceType
        };

        var updatePriceUrl = '{{ URL::to($type.'/ajax_store')}}';
        $.post(updatePriceUrl, data, function (data) {

            $.each(data, function (index, el) {
                var date = moment(el.date).format('YYYY-MM-DD');
                $('input[name="price['+ el.price_plan_connect_id +']['+ date +']['+ el.price_type +']"]').val(el.price);
            });

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

    // Sync rates with remote source
    $('#syncRates').click(function (e) {
        var syncRatesUrl = '{{ route('channelmanager.syncRates') }}';
        var syncModal = $('#syncRatesModal').modal({
            backdrop: 'static',
            keyboard: false
        });

        syncModal.modal('show');

        $.post(syncRatesUrl, function (data) {
            var html;
            if(data.error) {
                html = '<h4><i class="fa fa-times-circle text-danger"></i>  '+ data.error.message +'</h4>';
            } else {
                html = '<h4><i class="fa fa-check text-success"></i>  {{ trans('channelmanager.sync_success') }}</h4>';
            }

            $(syncModal).find('.fa-refresh').hide();
            $(syncModal).find('.modal-body').html(html);
            setTimeout(function() {
                syncModal.modal('hide');
            }, 1000);
        });
    });

    $('#syncRatesModal').on('hidden.bs.modal', function (e) {
        $(this).find('.modal-body').html('<h5>{{ trans('channelmanager.please_wait') }}</h5>');
        $(this).find('.fa-refresh').show();
    })
</script>
@stop