@extends('layouts.main') 
@section('title', 'Menu Discount Item')
@section('content')
    <!-- push external head elements to head -->
    @push('head')
        <link rel="stylesheet" href="{{ asset('plugins/DataTables/datatables.min.css') }}">
    @endpush

    
    <div class="container-fluid">
        <div class="row">
            <!-- start message menu-discount-item-->
            @include('include.message')
            <!-- end message menu-discount-item-->
            <div class="col-md-12">
                <div class="card p-3">
                    <div class="page-header">
                        <div class="row align-items-end">
                            <div class="col-lg-8">
                                <div class="page-header-title">
                                    <i class="fas fa-percent bg-blue"></i>
                                    <div class="d-inline">
                                        <h5>{{ __('Menu Discount Item')}}</h5>
                                        <span>{{ __('List of Menu Discount Items Items')}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="mt">
                            <div class="row">
                                
                                <div class="col-md-4 mt-3 form-group">
                                    {!! Form::select('store_id', $stores, null,[ 'class'=>'form-control select2 menu-discount-store ', 'placeholder' => 'Select Store', 'data-url'=>route("get-discount-item-by-store-menu-discount-item",["stored_id"=>1]) ]) !!}
                                </div>

                                <div class="col-md-4 mt-3 form-group">
                                    {!! Form::select('menu_discount_id', $menuDiscounts, null,[ 'class'=>'form-control select2 menu-discount ', 'placeholder' => 'Select Menu Discount', 'data-url'=>route("get-store-by-discount-item-menu-discount-item",["id"=>1]) ]) !!}
                                </div>

                            </div>
                        </div>
                    </div>
                        
                        
                    <div class="card-body ">
                        <div class="row mb-3">
                            <div class="col-md-2">    

                                @can('create-menu-discount-item')      

                                    <!-- Button trigger modal -->                                              
                                    <button type="button" id="add-new-item-button"  disabled="disabled" class="btn btn-primary" data-toggle="modal" data-target="#addNew">
                                        {{ __('Add New Item')}}
                                    </button>
                                
                                    <!-- Modal -->
                                    <div class="modal fade" id="addNew" aria-labelledby="addNewLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="addNewLabel"> {{ __('Add New Item')}} </h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form class="forms-sample has-confirmation needs-validation" method="POST" action="{{ route('create-menu-discount-item') }}" id="add-new-item" enctype="multipart/form-data" data-first-time="0"  novalidate>
                                                        @csrf
                                                        <div class="row">
                                                            <div class="col-sm-6">

                                                                <div class="d-none" >
                                                                    <input name="menu_discount_id" class="form-control" type="hidden" />
                                                                    <div class="invalid-feedback">
                                                                        Menu Discount is Required
                                                                    </div>
                                                                </div>

                                                                <div class="form-group ">
                                                                    <label> Menu Type </label>
                                                                    {!! Form::select('menu_type', $menuTypesList, null,[ 'class'=>'form-control select2 menu-type', 'placeholder' => 'Select Menu Type', 'data-url'=> route('get-items-of-menu-type-menu-discount-item') ]) !!}
                                                                    <div class="invalid-feedback">
                                                                        Menu Type is Required
                                                                    </div>
                                                                </div>

                                                                <div class="form-group d-none max-quntity">
                                                                    <label for="max_quantity">{{ __('Max Quantity')}} </label>
                                                                    <input id="max_quantity" type="number" class="form-control @error('max_quantity') is-invalid @enderror" name="max_quantity" value="" placeholder="Enter Max Quantity" min="0" step="1">
                                                                    <div class="invalid-feedback">
                                                                        Max Quantity is Required
                                                                    </div>
                                                                </div>


                                                                <div class="form-group ">
                                                                    <label> Discount Type </label>
                                                                    {!! Form::select('discount_type', $discountTypesList, null,[ 'class'=>'form-control select2', 'placeholder' => 'Select Discount Type' ]) !!}
                                                                    <div class="invalid-feedback">
                                                                        Discount Type is Required
                                                                    </div>
                                                                    @error('discount_type')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>


                                                                <div class="form-group">
                                                                    <label for="discount_value">{{ __('Discount Value')}}<span class="text-red">*</span></label>
                                                                    <input id="discount_value" type="number" class="form-control discount-value @error('discount_value') is-invalid @enderror" name="discount_value" value="{{ old('discount_value') }}" placeholder="Enter Discount Value" min="0" step=".01">
                                                                    <div class="invalid-feedback">
                                                                        Discount Value is Required
                                                                    </div>

                                                                    @error('discount_value')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="app_rate">{{ __('App Rate')}}<span class="text-red">*</span></label>
                                                                    <span id='app_rate_span'> {{ __('Store App Rate is ')}} </span>
                                                                    {!! Form::select('app_rate', $fromOneToTen, null,[ 'class'=>'form-control app-rate', 'id'=>'app_rate'  ]) !!}
                                                                    <div class="invalid-feedback">
                                                                        App Rate is Required
                                                                    </div>

                                                                    @error('app_rate')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>



                                                                

                                                            </div>

                                                            <div class="col-sm-6">

                                                                <div class="form-group ">
                                                                    <label> Items </label>
                                                                    {!! Form::select('menu_ids[]', [], null,[ 'class'=>'form-control select2 menu-item', 'multiple'=>true ]) !!}
                                                                    <div class="invalid-feedback">
                                                                        Items is Required
                                                                    </div>
                                                                    @error('menu_ids')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>

                                                                <div class="form-group">
                                                                    <label> {{ __('Label Messages')}} </label>
                                                                    {!! Form::select('external_label_messages', $labelMessages, null,[ 'class'=>'form-control label-message ']) !!}
                                                                    <div class="invalid-feedback">
                                                                        Label Messages is Required
                                                                    </div>

                                                                    @error('external_label_messages')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="discount_flag">{{ __('Discount Flag')}}<span class="text-red">*</span></label>
                                                                    <textarea id="discount_flag" name="discount_flag" class="form-control discount-flag @error('discount_flag') is-invalid @enderror" rows="2" cols="3" placeholder="Enter Discount Flag"></textarea>
                                                                    <div class="invalid-feedback">
                                                                        Discount Flag is Required
                                                                    </div>

                                                                    @error('discount_flag')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>
                                                                
                                                            </div>
                                                            
                                                            <div class="col-md-12">
                                                                <div class="form-group text-right">
                                                                    <button type="submit" class="btn btn-primary">{{ __('Submit')}}</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                @endcan


                            </div>

                            <div class="col-md-10">
                                <div class="text-right mb-3">
                                    <button type="button" class="btn btn-danger more-filer ">
                                        {{ __('Filter')}} <i class="fas fa-angle-down"></i>
                                    </button>
                                </div>
                                <div class="filter-form">
                                    <form method="GET" action="{{route('list-menu-discount-item',['is_search'=>1])}}" class="search-model">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-3 mt-3">
                                                {!! Form::select('delete_status', $deleteStatusList, null,[ 'class'=>'form-control', 'placeholder' => 'Select Delete Status']) !!}    
                                            </div>
                                            <div class="col-md-3 mt-3">
                                                {!! Form::select('element_status', $elementStatusList, null,[ 'class'=>'form-control', 'placeholder' => 'Select Element Status']) !!}
                                            </div>
                                            <div class="col-md-3 mt-3">
                                                <input name="created_at" class="form-control" type="date" />   
                                            </div>
                                            <div class="col-md-3 mt-3">
                                                <input name="updated_at" class="form-control" type="date" />
                                            </div>  
                                            <div class="col-md-3 mt-3 form-group">
                                                <input name="menu_discount_id" class="form-control" type="hidden" />
                                            </div>
                                            
                                        </div>
                                        <div class="text-right mt-3">
                                            <button type="submit" class="btn btn-theme">{{ __('Search')}}</button>
                                        </div>
                                    
                                    </form>
                                    
                                </div>
                            </div>
                        </div>
                        <div id="section_table" class="table-responsive-sm">
                            <table id="model_table" class="table table-striped  table-hover " data-url="{{route('list-menu-discount-item',['is_search'=>0])}}" data-title="Menu Discount Items" data-columns-datatable="[
                                {data:'check_box', name: 'check_box', orderable: false, searchable: false},
                                {data:'entity_id', name: 'entity_id'},
                                {data:'menuType', name: 'menuType', orderable: false, searchable: false},
                                {data:'discountType', name: 'discountType', orderable: false, searchable: false},
                                {data:'discount_value', name: 'discount_value', orderable: false, searchable: false},
                                {data:'app_rate', name: 'app_rate', orderable: false, searchable: false},
                                {data:'parentMenuDiscountStatu', name: 'parentMenuDiscountStatu', orderable: false, searchable: false},
                                
                                
                                {data:'change_status', name: 'status', orderable: false, searchable: false},
                                {data:'action', name: 'action', orderable: false, searchable: false}

                            ]">
                                <thead>
                                    <tr>
                                        <th><input type="checkbox" class="all-bulk-checkboxes"></th>
                                        <th>{{ __('Id')}}</th>
                                        <th>{{ __('Menu Type')}}</th>
                                        <th>{{ __('Discount Type')}}</th>
                                        <th>{{ __('Discount Value')}}</th>
                                        <th>{{ __('App Rate')}}</th>
                                        <th>{{ __('Parent Menu Discount')}}</th>
                                        <th>{{ __('Status')}}</th>
                                        <th>{{ __('Action')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

                        @canany(['bulk-delete-menu-discount-item', 'bulk-restore-menu-discount-item'])
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="mt">
                                        <div class="row">
                                            <div class="col-md-4 mt-3 form-group">
                                                <div class="dropdown d-inline-block">
                                                    <a class="nav-link dropdown-toggle btn btn-info" href="#" id="moreDropdown-1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        {{__("Bulk Actions")}} <i class="fas fa-bullhorn"></i> <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        @can('bulk-delete-menu-discount-item')
                                                            <a class="dropdown-item bulk-actions" href="#" data-url="{{ route('bulk-delete-menu-discount-item') }}"><i class="fas fa-trash-alt"></i> {{ __("Delete")}} </a>
                                                        @endcan
                                                        @can('bulk-restore-menu-discount-item')
                                                            <a class="dropdown-item bulk-actions" href="#" data-url="{{ route('bulk-restore-menu-discount-item') }}"><i class="fa fa-recycle"></i> {{ __("Restore")}} </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan

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

    
    <!-- Update Modal -->
    <div class="modal fade" id="update-item-modal" aria-labelledby="updateLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable" id="modal-update-body">
            
            
        </div>
    </div>

    <!-- push external js -->
    @push('script')
    <script src="{{ asset('plugins/DataTables/datatables.min.js') }}"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="{{ asset('js/custom.js') }}"></script>
    
    <!-- admin script-->
    <script src="{{ asset('js/validation.js') }}"></script>
    <script src="{{ asset('js/admin.js') }}"></script>

    <script src="{{ asset('js/jquery-clock-timepicker.js') }}"></script>

    <script>

        $(document).ready(function(){

            $(document).on("change",".menu-discount",function(){
                let menuDiscountID = $(this).val();
                if(menuDiscountID)
                {
                    $("input[name='menu_discount_id']").val(menuDiscountID);
                    $(".search-model").submit();
                    $("#add-new-item-button").attr("disabled",false);

                    let id = $(this).val();
                    let url = $(this).attr("data-url");
                    let currentItem = $(this);
                    url = changeUrlWithNewID(url,id);
                    let appRate = $("#app_rate");
                    $.get(url, function(response) {
                        $(appRate).val(response);
                        let text = $("#app_rate_span").text()+" "+response;
                        $("#app_rate_span").text(text);
                    });
                } 
            });

            $(document).on("change",".menu-type",function(){
                let menuType = $(this).val();
                if(menuType == "ITEM")
                {
                    $(this).parents(".col-sm-6").find(".max-quntity").removeClass("d-none");
                }
                else
                {
                    $(this).parents(".col-sm-6").find(".max-quntity").addClass("d-none");
                }

                let menuDiscountID = $("input[name='menu_discount_id']").val();
                let url = $(this).attr("data-url");
                let itemSelect = $(this).parents(".row").find(".menu-item");

                $.post(url,{menu_discount_id:menuDiscountID,menu_type:menuType},function(result){
                    //console.log(result);  
                    changeOptionsOfSelectItem(itemSelect,result);
                       
                });
            });


            $(document).on("change",".menu-discount-store",function(){
                let storeID = $(this).val();
                let url = $(this).attr("data-url");
                let currentItem = $(this);
                url = changeUrlWithNewID(url,storeID);
                let menuDiscountSelect = $(".menu-discount");
                $.get(url, function(response) {
                    changeOptionsOfSelectItem(menuDiscountSelect, response);
                    $("#add-new-item-button").attr("disabled",true);
                });

            });

            $(document).on("change",".discount-value",function(){
                printMessageInInput(this, ".discount-flag",".label-message");
            });

            $(document).on("change",".label-message",function(){
                printMessageInInput(this, ".discount-flag",".label-message");
            });


            function printMessageInInput(currentItem, targetInputClass, sourceSelectClass)
            {
                let value = $(currentItem).parents(".row").find(".discount-value").val();
                console
                
                let input = $(currentItem).parents(".row").find(targetInputClass);
                let messageToPrint = $(currentItem).parents(".row").find(sourceSelectClass+' option:selected').text();
                messageToPrint = messageToPrint.replace("[v1]", value);
                $(input).val(messageToPrint);
            }


        });

    </script>

<script>
 

        function checkConfirmation(form,firstTime) 
        {
            firstTime = $(form).attr('data-first-time');
            if($(form).find(".app-rate").val() == 0 && firstTime == 0)
            {
                swal(
                        "App Rate is 0. Are you sure?"
                    );
                
                $(form).attr('data-first-time',++firstTime);
                

                return false;
                
            }
            return true;
        }
    </script>

    @endpush
@endsection