@extends('layouts.app')

@section('page_css')
    @parent
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/select2/select2.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/flatpickr/flatpickr.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/jquery-timepicker/jquery-timepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/pickr/pickr-themes.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/dropzone/dropzone.css') }}" />
    <style>
        .asterisk
        {
            color:red;
        }
    </style>
@endsection

@section('content')
    <!-- Content -->
    <div class="container-xxl flex-grow-1 container-p-y">
        <!-- breadcrumb start -->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                  <a href="#">Master</a>
                </li>
                <li class="breadcrumb-item active">Revenue Master</li>
                <li class="breadcrumb-item active">Add</li>
            </ol>
        </nav>
        <!-- breadcrumb end -->

        <!-- Sticky Actions -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div
                      class="card-header sticky-element bg-label-secondary d-flex justify-content-sm-between align-items-sm-center flex-column flex-sm-row"
                    >
                        <h5 class="card-title mb-sm-0 me-2">Add New</h5>
                        <div class="action-btns">
                            <a href="{!! route('admin.master.revenue_master') !!}" class="btn btn-sm btn-label-primary me-3">
                                <span class="align-middle">
                                    Back to Listing
                                </span>
                            </a>
                            <button type="submit" id="submit_revenue_master_form"  form="new_revenue_master_form" class="btn btn-sm btn-primary">   
                                Save
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">      
                                <form id="new_revenue_master_form" action={{ route('admin.master.revenue_master.store') }} method="post" enctype="multipart/form-data">
                                 @csrf
                                    <div class="mb-3">
                                        <label for="revenue_master_caption" class="form-label">Caption
                                            <span id="revenue_master_caption_error" class="asterisk">*@error('revenue_master_caption')please provide caption @enderror</span>
                                        </label> 
                                        <div class="input-group input-group-merge">
                                            <span id="revenue_master_caption2" class="input-group-text"
                                              ><i class="ti ti-user"></i
                                            ></span>
                                            <input
                                              type="text"
                                              class="form-control"
                                              id="revenue_master_caption"
                                              name="revenue_master_caption"
                                              placeholder="Caption"
                                              aria-label="Caption"
                                              aria-describedby="revenue_master_caption2"
                                            />
                                        </div>
                                    </div>    

                                    <div class="mb-3">
                                        <label for="revenue_master_starting_range" class="form-label">Starting Range
                                            <span id="revenue_master_starting_range_error" class="asterisk">*@error('revenue_master_starting_range')please provide starting range @enderror</span>
                                        </label> 
                                        <div class="input-group input-group-merge">
                                            <span id="revenue_master_starting_range2" class="input-group-text"
                                              ><i class="ti ti-user"></i
                                            ></span>
                                            <input
                                              type="text"
                                              class="form-control"
                                              id="revenue_master_starting_range"
                                              name="revenue_master_starting_range"
                                              placeholder="Starting Range"
                                              aria-label="Starting Range"
                                              aria-describedby="revenue_master_starting_range2"
                                            />
                                        </div>
                                    </div>    

                                    <div class="mb-3">
                                        <label for="revenue_master_end_range" class="form-label">End Range
                                            <span id="revenue_master_end_range_error" class="asterisk">*@error('revenue_master_end_range')please provide end range @enderror</span>
                                        </label> 
                                        <div class="input-group input-group-merge">
                                            <span id="revenue_master_end_range2" class="input-group-text"
                                              ><i class="ti ti-user"></i
                                            ></span>
                                            <input
                                              type="text"
                                              class="form-control"
                                              id="revenue_master_end_range"
                                              name="revenue_master_end_range"
                                              placeholder="End Range"
                                              aria-label="End Range"
                                              aria-describedby="revenue_master_end_range2"
                                            />
                                        </div>
                                    </div>  

                                    <div class="col-md-12 mb-3">
                                        <label for="revenue_master_currency_type" class="form-label">Currency
                                            <span id="revenue_master_currency_type_error" class="asterisk">*@error('revenue_master_currency_type')please provide currency type @enderror</span>
                                        </label>
                                        <select id="revenue_master_currency_type" name="revenue_master_currency_type" class="select2 form-select form-select-lg" data-allow-clear="true">
                                            <option value="DOLLAR" >DOLLAR</option>
                                            <option value="INR" >INR</option>
                                        </select>
                                    </div>   
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Sticky Actions -->
    </div>
    <!-- / Content -->  
@endsection


@section('plugin_scripts')

@endsection

@section('page_scripts')
    @parent
<script src="{{ asset('assets/js/form-layouts.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/moment/moment.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/jquery-sticky/jquery-sticky.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/select2/select2.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/flatpickr/flatpickr.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/jquery-timepicker/jquery-timepicker.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/pickr/pickr.js') }}"></script>
<script>
       
    $(document).ready(function(){
        function revenue_caption_validation()
        {
            let revenue_master_caption=$('#revenue_master_caption').val();
            let start_range=$('#revenue_master_starting_range').val();
            let end_range=$('#revenue_master_end_range').val();
            let isDuplicate="N";
            $.ajax({
                type: "post",
                url:"{{route('admin.master.revenue_master.get_revenue_validation')}}",
                data: {"_token": "{{ csrf_token() }}"},
                async: false,
                success:function(revenue_master)
                {
                    for(var _revenue_master of revenue_master)
                    {
                        if(_revenue_master.caption==revenue_master_caption)
                        {
                            $("#revenue_master_caption_error").text("* caption already exist");
                            isDuplicate='Y';
                        }
                        if(start_range>=_revenue_master.starting_range && start_range<=_revenue_master.end_range)
                        {   
                            $("#revenue_master_starting_range_error").text("* invalid range");
                            isDuplicate='Y';
                        }
                        if(end_range>=_revenue_master.starting_range && start_range<=_revenue_master.end_range)
                        {   
                            $("#revenue_master_end_range_error").text("* invalid range");
                            isDuplicate='Y';  
                        }  
                        if(end_range<=start_range)
                        {
                            $("#revenue_master_end_range_error").text("* end range must be greater than start range");
                            isDuplicate='Y';   
                        } 

                        if(isDuplicate=='Y')
                            {break;}
                    } 
                }
            }).done(function(){
            });
            return isDuplicate;
        }

         $("#submit_revenue_master_form").click(function(e){
            if($("#revenue_master_caption").val()=="")
            {
                e.preventDefault();
                $("#revenue_master_caption_error").text("* please provide caption");   
            }
            if($("#revenue_master_starting_range").val()=="")
            {
                e.preventDefault();
                $("#revenue_master_starting_range_error").text("* please provide starting range");   
            }
            if($("#revenue_master_end_range").val()=="")
            {
                e.preventDefault();
                $("#revenue_master_end_range_error").text("* please provide end range");
            }
            if($("#revenue_master_currency_type").val()=="")
            {
                e.preventDefault();
                $("#revenue_master_currency_type_error").text("* please provide currency type");
            }
            var isDuplicate=revenue_caption_validation();
            if(isDuplicate=="Y")
            {
                e.preventDefault();
            }
        });       
    });
</script>
 
@endsection
<!--/ END PAGE CONTENT -->