@extends('layout.header')
@section('title')
New Target | Dashboard
@endsection
<!--@section('maintitle')
Bid-Project
@endsection-->
@section('main')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <div class="m-content">

        <!-- BEGIN: target_sub -->
        <div class="target_sub">
            <div class="d-flex align-items-center">
                <div class="mr-auto">
                    <h3 class="m-subheader__title">
                        Add New Target
                    </h3>						
                </div>
                <div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <!--begin:: Widgets/Best Sellers-->
                <div class="m-portlet m-portlet--full-height table_style manager_list_table">
                    <div class="m-portlet__body">
                        <form action="marketing" method="post" id="marketing_form">
                            {{csrf_field()}}
                            <div class="input">
                                <div class="form">
                                    <label>Employee</label>
                                    <select name="market_name" id="market_name">
                                        <option value="">Select Employee</option>
                                        @for($i=0;$i<count($marketing_name);$i++)
                                            @foreach($marketing_name[$i] as $name)
                                            <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
                                            @endfor
                                    </select>
                                </div>
                            </div>
                            <div class="input">
                                
                                  @php
                                  $current_year = Carbon\Carbon::now()->year;
                                  @endphp
                                
                                <div class="form">
                                    <label>Select Month &  Year From</label>
                                    <select name="market_start_month" id="market_start_month">
                                        <option value="">Select Month</option>
                                        <option value="1">January</option>
                                        <option value="2">February</option>
                                        <option value="3">March</option>
                                        <option value="4">April</option>
                                        <option value="5">May</option>
                                        <option value="6">June</option>
                                        <option value="7">July</option>
                                        <option value="8">August</option>
                                        <option value="9">September</option>
                                        <option value="10">October</option>
                                        <option value="11">November</option>
                                        <option value="12">December</option>
                                    </select>
                                 
                                 
                                    <select name="market_start_year" id="market_start_year">
                                
                                    @for($year=2030; $year >= 2000; $year--)
                                    <option value="{{$year}}" {{$year == $current_year?'selected':''}}>{{$year}}</option>
                                    @endfor
                                    
                                        
                                    </select>

                                    

                                </div>
                                <div class="form">
                                    
                                     <label>Select Month &  Year To</label>
                                    <select name="market_end_month" id="market_end_month">
                                        <option value="">Select Month</option>
                                        <option value="1">January</option>
                                        <option value="2">February</option>
                                        <option  value="3">March</option>
                                        <option  value="4">April</option>
                                        <option  value="5">May</option>
                                        <option  value="6">June</option>
                                        <option  value="7">July</option>
                                        <option  value="8">August</option>
                                        <option  value="9">September</option>
                                        <option  value="10">October</option>
                                        <option  value="11">November</option>
                                        <option  value="12">December</option>
                                    </select>
                                   
                                    <select name="market_end_year" id="market_end_year">
                                       
                                    @for($year=2030; $year >= 2000; $year--)
                                    <option value="{{$year}}" {{$year == $current_year?'selected':''}}>{{$year}}</option>
                                    @endfor
                                    
                                        
                                    </select>
                                    
                                </div>
                                
                            </div>

                            <div class="input">
                                <div class="form">
                                    <label>Amount In $</label>
                                    <input type="number" name="marketing_target" id="market_target" placeholder="Enter Tagret Amount" maxlenght="10" min=0 oninput="validity.valid||(value='')">
                                </div>
                            </div>

                            <div >
                                <input type="button" value="Submit" id="marketing_button">

                            </div>


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

        <!-- Modal content-->
    </div>
</div>

<!--<script>
    $(document).ready(function () { 
      $(document).on('focus', '#m_datepicker_1', function () {
          debugger;
          $(this).datepicker(format: 'M-yyyy',
            minViewMode: 1,
            autoclose: true,
            todayHighlight: !0,
            orientation: "bottom left",
            templates: {
                leftArrow: '<i class="la la-angle-left"></i>',
                rightArrow: '<i class="la la-angle-right"></i>'
            });
      });
  });
</script>-->

<script>
//    $('#market_start_month').change(function () {
//        debugger;
//        $('.disable').prop("disabled", false)
//        $('#jan').prop("disabled", false);
//        $('#feb').prop("disabled", false);
//        var check = $('#market_start_month').val();
//        if (check == 'January') {
//            $('.disable').prop("disabled", true);
//        } else if (check == 'February') {
//            $('.disable').prop("disabled", true);
//            $('#jan').prop("disabled", true);
//        } else if (check == 'March') {
//            $('.disable').prop("disabled", true);
//            $('#jan').prop("disabled", true);
//            $('#feb').prop("disabled", true);
//        }
//
//    });
    $('#marketing_button').on('click', function (e) {
        debugger;
        e.preventDefault();
        var market_target = $('#market_target').val();
        var market_name = $('#market_name').val();
        var market_start_month = $('#market_start_month :selected').text();
        var market_end_month = $('#market_end_month :selected').text();
        var market_start_year = $('#market_start_year :selected').text();
        var market_end_year = $('#market_end_year :selected').text();
        var amount =$('#market_target').val();
        var valid =/^\d{0,4}(\.\d{0,2})?$/.test(amount);
        $('.error').remove();
        var error = true;

        if (market_name == '') {
            error = false;
            $('#market_name').after('<span class="error" style="color:red">Please Select Name</span>')
        }
        
        if (market_start_month == '') {
            error = false;
            $('#market_start_month').after('<span class="error" style="color:red">Please Select Month</span>')
        }
        if (market_end_month == '') {
            error = false;
            $('#market_end_month').after('<span class="error" style="color:red">Please Select Month</span>')
        }
        if (market_target == '') {
            error = false;
            $('#market_target').after('<span class="error" style="color:red">Please Enter Amount</span>')
        }

        if (market_target < 0) {
            error = false;
            $('#market_target').after('<span class="error" style="color:red">Please Enter Positive Amount</span>')
        }
        
        if(market_end_year < market_start_year){
             error = false;
            $('#market_end_year').after('<span class="error" style="color:red">Please Select Proper Ending Year</span>')
        }else if(market_end_year == market_start_year){
            if($('#market_start_month :selected').val() > $('#market_end_month :selected').val()){
                error = false;
                $('#market_end_month').after('<span class="error" style="color:red">Please Select Proper Month Based on Year</span>')
            }
            
        }
        
        
        
        if (error == false) {
            e.preventDefault();
        } else {
            $('#marketing_form').submit();
        
        }

    });
    
    $('#market_target').on('keyup', function(event){

    var input = event.currentTarget.value;

    if(input.search(/^0/) != -1){
        
         $('#market_target').val('');
    }
});
    

//    $('#market_end_month').change(function () {
//        debugger;
//        $('.monthmsg').remove();
//        var start = $('#market_start_month').val();
//        var stop = $('#market_end_month').val();
//        var d = new Date();
//        var sm = d.getFullYear();
//        var em;
//        var a = month(start);
//        var b = month(stop);
//        if (start == 'January' || start == 'February' || start == 'March') {
//            sm = sm + 1;
//            em = sm;
//        }
//        if (a == b) {
//            em = sm;
//        } else if (a < b) {
//            em = sm;
//        } else {
//            em = sm + 1;
//        }
//
//
//        $('#market_end_month').after('<span class="monthmsg" style="color:red">' + start + ' ' + sm + ' To ' + stop + ' ' + em + '</span>')
//
//    })
    function month(name) {
        if (name == 'January') {
            return 1;
        } else if (name == 'February') {
            return 2;
        } else if (name == 'March') {
            return 3;
        } else if (name == 'April') {
            return 4;
        } else if (name == 'May') {
            return 5;
        } else if (name == 'June') {
            return 6;
        } else if (name == 'July') {
            return 7;
        } else if (name == 'August') {
            return 8;
        } else if (name == 'September') {
            return 9;
        } else if (name == 'October') {
            return 10;
        } else if (name == 'November') {
            return 11;
        } else {
            return 12;
        }

    }
</script>
@endsection