@extends('admin.layouts.layout')

@section('content')
    <!-- Begin Page Content -->
    <div class="container-fluid">

        <!-- Page Heading -->
        <h1 class="h3 mb-2 text-gray-800">{{ trans('admin_lang.add') }} Coupon</h1>
        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">

                <div class="col-md-2 pull-left" style=" float: left;">
                    <a href="{{ routeUser($pagePath . '.index') }}"><i style="font-size:24px" class="fa">&#xf060;</i>
                    </a>
                </div>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    {{ Form::open(['route' => [routeFormUser($pagePath . '.store')], 'files' => true, 'class' => 'upload_submit']) }}
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    
                                    <div class="form-group @if ($errors->has('promo_code')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Promo Code</label>
                                        {!! Form::text('promo_code', null, ['class' => 'form-control', 'placeholder' => 'Enter Promo Code', 'required']) !!}
                                        @if ($errors->has('promo_code'))
                                            <span class="error">{{ $errors->first('promo_code') }}</span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                <div class="form-group @if ($errors->has('description')) has-error @endif">
                                    <label for="" class="control-label required"
                                        >Description</label>
                                    {!! Form::textarea('description', null, ['class' => 'form-control', 'placeholder' => 'Enter description', 'required']) !!}
                                    @if ($errors->has('description'))
                                        <span class="error">{{ $errors->first('description') }}</span>
                                    @endif
                                </div>
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('promo_code_discount_type')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Discount Type</label>
                                            {!! Form::select('promo_code_discount_type', 
                                                    ['flat' => 'Flat', 'percentage' => 'Percentage'], 
                                                    null, 
                                                    ['class' => 'form-control', 'id' => 'discount_type',  'required']
                                                ) !!}

                                                @if ($errors->has('promo_code_discount_type'))
                                                    <span class="error">{{ $errors->first('promo_code_discount_type') }}</span>
                                                @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('discount')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Discount</label>
                                            {!! Form::text('discount', null, ['class' => 'form-control', 'placeholder' => 'Enter Discount', 'required']) !!}
                                        @if ($errors->has('discount'))
                                            <span class="error">{{ $errors->first('discount') }}</span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div id="maximum_amount_section" class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('maximum_amount')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Maximun Amount Limit</label>
                                            {!! Form::text('maximum_amount', null, ['class' => 'form-control', 'placeholder' => 'Enter Maximum Amount', 'id' => 'maximum_amount']) !!}
                                        @if ($errors->has('maximum_amount'))
                                            <span class="error">{{ $errors->first('maximum_amount') }}</span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('start_date')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Start Date</label>
                                            {!! Form::date('start_date', null, [
                                                'class' => 'form-control form-control-sm',
                                                'placeholder' => 'Enter the start date',
                                                'id' => 'start_date',
                                                
                                            ]) !!}
                                        @if ($errors->has('start_date'))
                                            <span class="error">{{ $errors->first('start_date') }}</span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('end_date')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >End Date</label>
                                            {!! Form::date('end_date', null, [
                                                'class' => 'form-control form-control-sm',
                                                'placeholder' => 'Enter the from date',
                                                'id' => 'end_date',
                                                
                                            ]) !!}
                                        @if ($errors->has('end_date'))
                                            <span class="error">{{ $errors->first('end_date') }}</span>
                                        @endif
                                    </div>
                                    
                                </div>
                            
                            <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('user_maximum')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >User Maximum Usage Limit</label>
                                            {!! Form::text('user_maximum', null, ['class' => 'form-control', 'placeholder' => 'Enter Maximum usage limit', 'required']) !!}

                                        @if ($errors->has('user_maximum'))
                                            <span class="error">{{ $errors->first('user_maximum') }}</span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('user_type')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >User type</label>
                                            {!! Form::select('user_type', 
                                                    ['all' => 'All', 'new' => 'New', 'existing' => 'Existing'], 
                                                    null, 
                                                    ['class' => 'form-control', 'required']
                                                ) !!}

                                                @if ($errors->has('user_type'))
                                                    <span class="error">{{ $errors->first('user_type') }}</span>
                                                @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('service_type')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Service type</label>
                                            {!! Form::select('service_type', 
                                                    ['all' => 'All', 'door' => 'Door', 'curb' => 'Curb'], 
                                                    null, 
                                                    ['class' => 'form-control', 'required']
                                                ) !!}

                                                @if ($errors->has('service_type'))
                                                    <span class="error">{{ $errors->first('service_type') }}</span>
                                                @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('ride_type')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Ride type</label>
                                            {!! Form::select('ride_type', 
                                                    ['all' => 'All', 'wa_assist' => 'WA Assist', 'wa_indep' => 'WA INDEP', 'wc_assist' => 'WC/AMB Assist', 'wc_indep' => 'WC/AMB Indep'], 
                                                    null, 
                                                    ['class' => 'form-control', 'id' => 'ride_type', 'required']
                                                ) !!}

                                                @if ($errors->has('ride_type'))
                                                    <span class="error">{{ $errors->first('ride_type') }}</span>
                                                @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-12 col-lg-12">
                                    <div class="form-group @if ($errors->has('car_type')) has-error @endif">
                                        <label for="" class="control-label required"
                                            >Car type</label>
                                            {!! Form::select('car_type', 
                                                    ['all' => 'All'], 
                                                    null, 
                                                    ['class' => 'form-control','id' => 'car_type', 'required']
                                                ) !!}

                                                @if ($errors->has('car_type'))
                                                    <span class="error">{{ $errors->first('car_type') }}</span>
                                                @endif
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="card-action">
                                <button type="submit"
                                    class="btn btn-primary btn-sm form_submit">{{ trans('admin_lang.submit') }}</button>
                                <a href="{{ routeUser($pagePath . '.index') }}"><button type="button"
                                        class="btn btn-danger btn-sm">{{ trans('admin_lang.cancel') }}</button><a>
                            </div>
                        </div>

                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>

    </div>
    <!-- /.container-fluid -->
    
@endsection
@section('script')
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const start = document.getElementById("start_date");
        const end = document.getElementById("end_date");

        // disable keyboard typing
        start.addEventListener("keydown", function(e) {
            e.preventDefault();
        });

        end.addEventListener("keydown", function(e) {
            e.preventDefault();
        });
    });
</script>

<script type="text/javascript">
    $(document).ready(function() {
        const $rideTypeSelect = $('#ride_type');
        const $carTypeSelect = $('#car_type');
        const carTypeOptions = {
            'wa_assist': ['All', 'Mini Van', 'Full Size'],
            'wa_indep': ['All', 'Mini Van', 'Full Size'],
            'wc_assist': ['All', 'Mini Van', 'Regular Car'],
            'wc_indep': ['All', 'Mini Van', 'Regular Car'],
            'all': ['All', 'Mini Van', 'Regular Car', 'Full Size'],
        };
        $rideTypeSelect.on('change', function() {
            const selectedRideType = $(this).val();
            $carTypeSelect.empty();
            const newOptions = carTypeOptions[selectedRideType] || [];
            newOptions.forEach(function(option) {
                $carTypeSelect.append(`<option value="${option.toLowerCase().replace(' ', '_')}">${option}</option>`);
            });

            $carTypeSelect.trigger('change');
        });
    
        $rideTypeSelect.trigger('change');
        function toggleMaximumAmountVisibility() {
        if ($('#discount_type').val() === 'percentage') {
            $('#maximum_amount_section').show();
        } else {
            $('#maximum_amount_section').hide();
        }
    }

    // Initial check when the page loads
    toggleMaximumAmountVisibility();

    // Add change event listener to discount_type
    $('#discount_type').on('change', toggleMaximumAmountVisibility);
    });
    $("#end_date").on('change',function(){
    var startDate = $('#start_date').val();
    var endDate = $('#end_date').val();
    if (startDate !="") {
       if (endDate < startDate){
          alert('oops! End date should be greater than start date.');
          $('#end_date').val('');
          return false;
      }else{
        
    }
}else{
   
}

});

  $("#start_date").on('change',function(){
    var startDate = $('#start_date').val();
    var endDate = $('#end_date').val();
    if (endDate !="") {
       if (endDate < startDate){
          alert('oops! End date should be greater than start date.');
          $('#end_date').val('');
          return false;
      }else{
        
    }
}else{
    
}
});
</script>
@endsection