@extends('web.layouts.main')
@section('content')

<main>
        <!-- Start pg-header-->
        @include('web.pages.components.header',compact('title'))

        <!-- Start section -->
        <section class="checkout-pg mealsSelection-pg section menu-pg">
            <div class="container">
                <form id="form" method="{{$method}}" action="{{$action}}" onsubmit="saveFormSub(this)">
                    @if($method == 'POST')
                    @CSRF
                    @endif
                    <div class="select_day_box wow text-focus-in mb-5 pb-5">
                        <div class="sec_head text-center mb-5">
                            <h3 class="subtitle_sec color-primary mb-3">
                                <img src="{{url('')}}/assets/web/images/header-victor-1.svg" alt="" class="icon "/> {{__('web.pick_days')}}
                            </h3>
                        </div>
                        <div class="inner_box">
                            <div class="days_counter">
                                <span class="num fw-bold color-primary fs-6" id="count_dates">1</span> / 
                                <span class="num">{{$subscribe->count_days}}</span>
                            </div>
                            <div class="input_datepicker" id="datepicker1"></div>
                            <input type="hidden" name="dates" id="dates" value="{{$start_date}}">
                           
                            <button onclick="selectDays()"  class="butn dark_butn m-auto mt-5" >{{__('web.save')}}</button>
                        </div>
                    </div>
                    <div class="pg_inner checkout_meals_inner " id="selectMealsBox">
                        <div class="sec_head text-center mb-5">
                            <h3 class="subtitle_sec color-primary mb-3">
                                <img src="{{url('')}}/assets/web/images/header-victor-1.svg" alt="" class="icon "/> {{__('web.pick_meals')}}
                            </h3>
                        </div>
                        <div class="accordion mb-5" id="accordionExample">
                        </div>
                        <div class="foot_pg in-flex">
                            <div class="meals_counter">
                                <span class="num fw-bold color-primary fs-5" id="day_completed">0</span> / 
                                <span class="num">{{$subscribe->count_days}}</span>
                            </div>
                            <button type="submit" class="butn primary_butn"> {{__('web.save')}}  </button>
                        </div>
                    </div>
                </form>
            </div>
        </section>

        

    </main>
    
    
@push('js')
        <script>
            let action_selectDays = {!! json_encode(url(getCurrentLocale().'/select/days')) !!}
            let action_calculateMeals = {!! json_encode(url(getCurrentLocale().'/calculate/meals')) !!}
            let count_days = {!! json_encode($subscribe->count_days) !!}
            let start_date = {!! json_encode($start_date) !!}
            let end_date = {!! json_encode($end_date) !!}
            let disabled_dates = {!! json_encode($disabled_dates) !!}
            
        </script>
    <script src="{{url('')}}/assets/web/js/custom/secondSubscribe.js"></script>
    <script src="{{url('')}}/assets/web/js/custom/secondSubscribeAction.js"></script>
@endpush

@stop