@extends('index')
@section('title', Helper::getSiteTitle($title))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Settings') }}</a></li>
                    <li class="breadcrumb-item active">{{ __($title) }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __($title) }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card-box">
            <form class="submit-form" action="{{ route('settings-options') }}" method="post">
                <div class="row">
                    <div class="col-lg-12">
                        {{ csrf_field() }}
                        <div class="display-messages">
                            @if($errors->any())
                            <div class="alert alert-danger" role="alert">
                                @foreach ($errors->all() as $error)
                                    {!! $error !!}<br>
                                @endforeach
                            </div>
                            @elseif(session('message'))
                            <div class="alert alert-success" role="alert">
                                {!! session('message') !!}
                            </div>
                            @endif
                        </div>

                        @php
                            $weekdays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
                            $weekdays_option = Helper::getOptions('weekdays_option');

                            if(!empty($weekdays_option))
                            {
                                $weekdays_option = json_decode($weekdays_option, true);
                            }
                        @endphp

                        @if(!$stores->isEmpty())
                            @foreach($stores as $store)
                                <h4 class="pTitle__text" style="font-size: 18px;">Pickup Hours Of {{ $store->name }}</h4><br>
                                <div class="row">
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <label>{{ __('Day') }}</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <label>{{ __('From') }}</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <label>{{ __('To') }}</label>
                                        </div>
                                    </div>
                                </div>
                                @foreach($weekdays as $weekday)
                                <div class="row">
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <input type="hidden" class="form-control" name="pickup_time_day[{{ $store->id }}][{{ $weekday }}]" value="{{ $weekday }}" readonly="">
                                            <strong style="color: red;">{{ $weekday }}</strong>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <input type="text" class="form-control flatpicker-time-from" data-toggle="flatpicker-time-from" data-default="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['pickup_time_from']) ? $weekdays_option[$store->id][$weekday]['pickup_time_from'] : '' }}" placeholder="10:00" name="pickup_time_from[{{ $store->id }}][{{ $weekday }}]" value="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['pickup_time_from']) ? $weekdays_option[$store->id][$weekday]['pickup_time_from'] : '' }}">
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <input type="text" class="form-control flatpicker-time-to" data-toggle="flatpicker-time-to" data-default="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['pickup_time_to']) ? $weekdays_option[$store->id][$weekday]['pickup_time_to'] : '' }}" placeholder="19:00" name="pickup_time_to[{{ $store->id }}][{{ $weekday }}]" value="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['pickup_time_to']) ? $weekdays_option[$store->id][$weekday]['pickup_time_to'] : '' }}">
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                @if($store->delivery_available)
                                    <br><h4 class="pTitle__text" style="font-size: 18px;">Delivery From {{ $store->name }}</h4><br>
                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="form-group">
                                                <label>{{ __('Day') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label>{{ __('From') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label>{{ __('To') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label>{{ __('Minimum Order Total?') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                    @foreach($weekdays as $weekday)
                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="form-group">
                                                <input type="hidden" class="form-control" name="delivery_time_day[{{ $store->id }}][{{ $weekday }}]" value="{{ $weekday }}" readonly="">
                                                <strong style="color: red;">{{ $weekday }}</strong>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <input type="text" class="form-control flatpicker-time-from" data-toggle="flatpicker-time-from" data-default="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['delivery_time_from']) ? $weekdays_option[$store->id][$weekday]['delivery_time_from'] : '' }}" placeholder="10:00" name="delivery_time_from[{{ $store->id }}][{{ $weekday }}]" value="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['delivery_time_from']) ? $weekdays_option[$store->id][$weekday]['delivery_time_from'] : '' }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <input type="text" class="form-control flatpicker-time-to" data-toggle="flatpicker-time-to" data-default="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['delivery_time_to']) ? $weekdays_option[$store->id][$weekday]['delivery_time_to'] : '' }}" placeholder="19:00" name="delivery_time_to[{{ $store->id }}][{{ $weekday }}]" value="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['delivery_time_to']) ? $weekdays_option[$store->id][$weekday]['delivery_time_to'] : '' }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <input type="number" step=".01" class="form-control" placeholder="Minimum Order Total?" name="delivery_min_order[{{ $store->id }}][{{ $weekday }}]" value="{{ !empty($weekdays_option) && isset($weekdays_option[$store->id][$weekday]['delivery_min_order']) ? $weekdays_option[$store->id][$weekday]['delivery_min_order'] : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                @endif
                                <br>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        
                        <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                            <span class="btn-label"><i class="mdi mdi-send"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                            {{ __('Submit') }}
                        </button>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('css-lib')
<meta name="class-to-open" content='options'>
<link href="{{ asset('libs/flatpickr/flatpickr.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('js-lib')
<script src="{{ asset('libs/flatpickr/flatpickr.min.js') }}"></script>
@endsection