@extends('layouts.main')

@section('title', 'Last minute pride update')

@section('css')
    <!-- Data Table Css -->
    <link rel="stylesheet" type="text/css"
          href="{{ asset('bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}">

    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/pages/data-table/extensions/responsive/css/responsive.dataTables.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('bower_components/bootstrap-daterangepicker/daterangepicker.css') }}">
@endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')

    <!-- Main-body start -->
    <div class="main-body">
        <div class="page-wrapper">


            <!-- Page header start -->
            <div class="page-header">

                <div class="page-header-title">
                    <h3>Last minute price</h3>
                    <p>Please update price changes before 3:00PM.</p>
                </div>

                <div class="page-header-breadcrumb">

                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="">Promotions</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">Last minute price update</a>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- Page header end -->

            <!-- Page body start -->
            <div class="col-md-12">
                <div class="m-l-15">
                    {!! Form::open(['url' => 'last/minute/price/change', 'method' => 'post']) !!}
                    <h6 class="mini-panel-title-1">
                        Apply for
                    </h6>

                    <div class="form-radio">
                                <form>
                                    <div class="radio radio-inline">
                                        <label>
                                            <input type="radio" id="every-day" name="days" value="every-day" checked="checked">
                                            <i class="helper"></i>Every Day
                                        </label>
                                    </div>

                                    <div class="radio radio-inline">
                                        <label>
                                            <input type="radio" id="date-range" name="days" value="range">
                                            <i class="helper"></i>Date Range
                                        </label>
                                    </div>

                        <div class="radio-inline date-wrapper">
                            <label>
                                <input type="text" disabled="disabled" name="daterange" class="form-control date-picker1"/>
                                <input type="hidden" name="startDate" id="startDate" value="{{ $today->format('Y-m-d') }}">
                                <input type="hidden" name="endDate" id="endDate" value="{{ $today->format('Y-m-d') }}">
                            </label>
                        </div>
                    </div>
                </div>

                <div class="row m-t-30 border-bottom ">
                         <label class="col-sm-2 col-md-1 col-form-label" style="padding-left:0;">Percentage</label>

                         <div class="col-sm-4 col-md-3 last-minute-price">
                            
                            <div class="input-group col-md-6">
                                <input type="number" name="percentage" min="1" step="0.1" max="100" class="form-control" placeholder="">
                                    <span class="input-group-addon">%
                                    </span>
                            </div>
                            
                            <button type="submit" class="btn btn-info col-md-5 pull-right">    SAVE </button>
                         </div>
                    </div>
                {!! Form::close() !!}

                <div class="row m-t-30">
                       <div class="col-md-6" style="padding-left:0;">
                         <h6 class="mini-panel-title-1">Price update list     </h6>
                         
                        <p>You have following last minute price drop updates</p>
                        <table class="table table-bordered table-striped">
                                <tr>
                                    <td><b>Time Period </b></td>
                                    {{--<td><b>Price drop update </b></td>--}}
                                    <td><b>Percentage</b></td>
                                    <td><b>Action</b></td>
                                </tr>

                            @foreach ( $currentDrops as $data )
                                <tr>
                                    <td>{{ $data->start_date }} - {{ $data->end_date }}</td>
                                    {{--<td>{{ $data->room->roomtype->name }}</td>--}}
                                    <td>{{ $data->percentage }}%</td>
                                    <td>
                                        {!! Form::open(['url' => 'delete/last/minute/drop', 'method' => 'delete']) !!}
                                            <input type="hidden" name="drop_id" value="{{ $data->id }}">
                                            <button type="submit" class="btn btn-link">Delete</button>
                                        {!! Form::close() !!}
                                    </td>
                                </tr>
                            @endforeach

                        </table>
                        </div>
                    </div>

            </div>
            <!-- Page body end -->

            {{--<table class="table table-bordered">--}}
                {{--@foreach( $masterData as $data )--}}
                    {{--<tr>--}}
                        {{--<td>{{ $lastMinutePrice->room->roomtype->name }}</td>--}}
                        {{--<td>{{ $lastMinutePrice->date }}</td>--}}
                        {{--<td>{{ $lastMinutePrice->last_minute_price_drop }}%</td>--}}
                    {{--</tr>--}}
                {{--@endforeach--}}
            {{--</table>--}}

        </div>
    </div>

@endsection

@section('scripts')
    <script src="{{ asset('assets/pages/advance-elements/moment-with-locales.min.js', \App::environment() == 'production') }}"></script>

    <script src="{{ asset('assets/pages/advance-elements/bootstrap-datetimepicker.min.js', \App::environment() == 'production') }}"></script>
    <script src="{{ asset('bower_components/bootstrap-daterangepicker/daterangepicker.js', \App::environment() == 'production') }}"></script>
    <script src="{{ asset('assets/pages/advance-elements/custom-picker.js', \App::environment() == 'production') }}"></script>

    <script type="text/javascript">
        $(function () {

            var today = new Date();
            var dd = today.getDate();
            var mm = today.getMonth() + 1; //January is 0!
            var yyyy = today.getFullYear();

            if (dd < 10) {
                dd = '0' + dd
            }

            if (mm < 10) {
                mm = '0' + mm
            }

            var start = $('#startDate').val();
            var end = $('#endDate').val();


            var startArr = start.split("-");
            var endArr = end.split("-");

            var startDate = startArr[0] + "-" + startArr[1] + "-" + startArr[2];
            var endDate = endArr[0] + "-" + endArr[1] + "-" + endArr[2];


            $('input[name="daterange"]').daterangepicker({
                "locale": {
                    "format": "YYYY-MM-DD",
                    "separator": " - ",
                    "applyLabel": "Apply",
                    "cancelLabel": "Cancel",
                    "fromLabel": "From",
                    "toLabel": "To",
                    "customRangeLabel": "Custom",
                    "weekLabel": "W",
                    "daysOfWeek": [
                        "Su",
                        "Mo",
                        "Tu",
                        "We",
                        "Th",
                        "Fr",
                        "Sa"
                    ],
                    "monthNames": [
                        "January",
                        "February",
                        "March",
                        "April",
                        "May",
                        "June",
                        "July",
                        "August",
                        "September",
                        "October",
                        "November",
                        "December"
                    ],
                    "firstDay": 1
                },
                "startDate": startDate,
                "endDate": endDate
            }, function (start, end, label) {
                $('#startDate').val(start.format('YYYY-MM-DD'));
                $('#endDate').val(end.format('YYYY-MM-DD'));
            });
        });
    </script>

    <script>
        $('#date-range').click(function () {
            if($(this).is(':checked'))
            {
                $('input[name="daterange"]').removeAttr("disabled");
            }

        });

        $('#every-day').click(function(){
            if($(this).is(':checked'))
            {
                $('input[name="daterange"]').attr('disabled', 'disabled');
            }
        });
    </script>

@endsection