@extends('admin.layouts.default')

{{-- Page level styles --}}
@section('header_styles')
    <!-- daterange picker -->
    <link rel="stylesheet" href="{{ asset('admin_assets/plugins/daterangepicker/daterangepicker.css') }}">
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('admin_assets/plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('admin_assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <!-- Tempusdominus Bbootstrap 4 -->
    <link rel="stylesheet" href="{{ asset('admin_assets/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}">
@stop
{{-- /Page level styles --}}

{{-- Page content --}}
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        @yield('title', 'Update Timed Events')
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('products/timed/events/edit') }}</li>

                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">

                <div class="col-md-12">
                    @if(session()->has('message'))
                        <div class="alert alert-success">
                            {{ session()->get('message') }}
                        </div>
                    @endif

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Add Timed Events</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form action="{{ url('administrator/products/timed/events/' . encrypt($timedEvents->timed_events_id)) }}" method="POST">
    @csrf
    @method('PUT')

                            <div class="card-body row">
                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">Products</label>
                                        </div>
                                        <div class="col-sm-8">
                                        <select class="form-control select2" tabindex="1" multiple="multiple" data-placeholder="select products" name="products_id[]">

                                            @foreach($products as $p=>$product)
                                                <option value="{{ $product->products_id }}"
                                                        @foreach($timedProducts as $timed)
                                                            @if($timed->products_id == $product->products_id)
                                                                {{ 'selected=selected' }}
                                                            @endif
                                                        @endforeach
                                                >{{ $product->products_name }}</option>
                                            @endforeach
                                        </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">Product Menus</label>
                                        </div>
                                        <div class="col-sm-8">
                                        <select class="form-control select2" tabindex="3" multiple="multiple" data-placeholder="select product menus" name="product_menus[]">
                                            @foreach($menus as $m=>$menu)
                                                <option value="{{ $menu->products_menus_id }}"
                                                    @foreach($timedMenus as $menus)
                                                        @if($menus->products_menus_id == $menu->products_menus_id)
                                                            {{ 'selected=selected' }}
                                                        @endif
                                                    @endforeach
                                                >{{ $menu->products_menus_name }}</option>
                                            @endforeach
                                        </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">Type </label>
                                        </div>
                                        <div class="col-sm-8">
                                        <select class="form-control" tabindex="5" name="timed_events_type">
                                            <option value="">Select Type</option>
                                            <option value="fixed"
                                            @if($timedEvents->timed_events_type == 'fixed')
                                                {{ 'selected=selected' }}
                                            @endif
                                            >Fixed</option>
                                            <option value="increased"
                                            @if($timedEvents->timed_events_type == 'increased')
                                                {{ 'selected=selected' }}
                                            @endif
                                            >Incresed</option>
                                            <option value="reduced"
                                            @if($timedEvents->timed_events_type == 'reduced')
                                                {{ 'selected=selected' }}
                                            @endif
                                            >Reduced</option>
                                            <option value="visibility"
                                            @if($timedEvents->timed_events_type == 'visibility')
                                                {{ 'selected=selected' }}
                                            @endif
                                            >Visibility</option>
                                        </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputStatus">Event Days </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="row">
                                                @foreach($days as $day)
                                                    <div style="padding-left: 10px;padding-bottom: 10px;">
                                                        <input type="checkbox" tabindex="7" name="timed_events_days[]" value="{{ $day }}"
                                                            @foreach($timedDays as $tDays)
                                                                @if($tDays->timed_events_days == $day)
                                                                    {{ 'checked=checked' }}
                                                                @endif
                                                            @endforeach
                                                        > &nbsp;&nbsp;{{ ucfirst($day) }}
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row" style="margin-top: 31px;">
                                        <div class="col-sm-4">
                                        <label>Start Date:</label>
                                        </div>
                                        <div class="col-sm-8">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                              <span class="input-group-text">
                                                <i class="far fa-calendar-alt"></i>
                                              </span>
                                            </div>
                                            <input type="text" tabindex="9" name="events_start_date"
                                                   class="form-control float-right" value="{{ $timedEvents->events_start_date }}" id="reservation1">
                                        </div>
                                        </div>
                                        <!-- /.input group -->
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label>Events Priority:</label>
                                        </div>
                                        <div class="col-sm-8">
                                        <select class="form-control" tabindex="11" name="events_priority">
                                            <option value="1"
                                            @if($timedEvents->events_priority == '1')
                                                {{ 'selected=selected' }}
                                                @endif
                                            >1 (Highest)</option>
                                            <option value="2"
                                            @if($timedEvents->events_priority == '2')
                                                {{ 'selected=selected' }}
                                                @endif
                                            >2</option>
                                            <option value="3"
                                            @if($timedEvents->events_priority == '3')
                                                {{ 'selected=selected' }}
                                                @endif
                                            >3</option>
                                            <option value="4"
                                            @if($timedEvents->events_priority == '4')
                                                {{ 'selected=selected' }}
                                                @endif
                                            >4</option>
                                            <option value="5"
                                            @if($timedEvents->events_priority == '5')
                                                {{ 'selected=selected' }}
                                                @endif
                                            >5 (Lowest)</option>
                                        </select>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">Categories </label>
                                        </div>
                                        <div class="col-sm-8">
                                        <select class="form-control select2" tabindex="2" multiple="multiple" data-placeholder="select categories" name="categories_id[]">
                                            @foreach($categories as $i=>$category)
                                                <option value="{{ $category->categories_id }}"
                                                @foreach($timedCategories as $cats)
                                                    @if($cats->categories_id == $category->categories_id)
                                                        {{ 'selected=selected' }}
                                                        @endif
                                                    @endforeach
                                                >{{ $category->categories_name }}</option>
                                            @endforeach
                                        </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">Name <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                        <input type="text" name="timed_events_name" tabindex="4" value="{{ $timedEvents->timed_events_name }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">Price</label>
                                        </div>
                                        <div class="col-sm-8">
                                        <input type="number" name="timed_events_price" tabindex="6" value="{{ $timedEvents->timed_events_price }}" class="form-control">
                                        </div>
                                    </div>

                                    <div class="bootstrap-timepicker" style="margin-top: 25px;">
                                        <div class="form-group row">
                                            <div class="col-sm-2">
                                                <label>From:</label>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="input-group date" id="timepicker" data-target-input="nearest">
                                                    <input type="text" tabindex="8" value="{{ $timedEvents->timed_events_time_from }}" tabindex="8" name="timed_events_time_from" class="form-control datetimepicker-input" data-target="#timepicker"/>
                                                    <div class="input-group-append" data-target="#timepicker" data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="far fa-clock"></i></div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-sm-2">
                                                <label>Time To:</label>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="input-group date" id="timepicker2" data-target-input="nearest">
                                                    <input type="text" tabindex="10" name="timed_events_time_to" value="{{ $timedEvents->timed_events_time_to }}" tabindex="10" class="form-control datetimepicker-input" data-target="#timepicker2"/>
                                                    <div class="input-group-append" data-target="#timepicker2" data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="far fa-clock"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- /.input group -->
                                        </div>
                                        <!-- /.form group -->
                                    </div>

                                    <div class="form-group row" style="margin-top: 50px;">
                                        <div class="col-sm-4">
                                        <label for="exampleInputStatus">End Date:</label>
                                        </div>
                                        <div class="col-sm-8">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                              <span class="input-group-text">
                                                <i class="far fa-calendar-alt"></i>
                                              </span>
                                            </div>
                                            <input type="text" tabindex="12" name="events_end_date"
                                                   class="form-control float-right" value="{{ $timedEvents->events_end_date }}" id="reservation2">
                                        </div>
                                        </div>
                                        <!-- /.input group -->
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label>Events Status:</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="checkbox"  tabindex="14" name="status" value="{{ $timedEvents->timed_events_status }}"
                                                   data-bootstrap-switch
                                                   @if($timedEvents->timed_events_status == '1')
                                                   data-on-color="success" checked
                                                   @else
                                                   data-off-color="danger"
                                                   @endif
                                            >
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- /.card-body -->

                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@stop
{{-- /Page content --}}

@section('footer_scripts')
    <!-- Select2 -->
    <script src="{{ asset('admin_assets/plugins/select2/js/select2.full.min.js') }}"></script>
    <!-- inputmask -->
    <script src="{{ asset('admin_assets/plugins/moment/moment.min.js') }}"></script>
    <script src="{{ asset('admin_assets/plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
    <!-- Tempusdominus Bootstrap 4 -->
    <script src="{{ asset('admin_assets/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js') }}"></script>
    <!-- date-range-picker -->
    <script src="{{ asset('admin_assets/plugins/daterangepicker/daterangepicker.js') }}"></script>
    <!-- Bootstrap Switch -->
    <script src="{{ asset('admin_assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            $('#reservation1').daterangepicker({
                timePicker: false,
                singleDatePicker: true,
                autoUpdateInput: false,
                locale: {
                    cancelLabel: 'Clear'
                }
            });

            $('#reservation1').on('apply.daterangepicker', function (ev, picker) {
                $(this).val(picker.startDate.format('YYYY-MM-DD'));
            });
        });

        $(document).ready(function () {
            $('#reservation2').daterangepicker({
                timePicker: false,
                singleDatePicker: true,
                autoUpdateInput: false,
                locale: {
                    cancelLabel: 'Clear'
                }
            });

            $('#reservation2').on('apply.daterangepicker', function (ev, picker) {
                $(this).val(picker.startDate.format('YYYY-MM-DD'));
            });
        });

        $(function () {
            $('.select2').select2()
        });

        $("input[data-bootstrap-switch]").each(function () {
            $(this).bootstrapSwitch('state', $(this).prop('checked'));
        });

        $(function () {
            $('#timepicker').datetimepicker({
                format: 'LT'
            });

            $("#timepicker2").datetimepicker({
                format: 'LT'
            });
        });
    </script>
@stop