{% include 'layouts/farmer_header.html' %}


<!-- SLIDER AREA START (slider-3) -->
<!--<div class="ltn__slider-area ltn__slider-3  section-bg-1">
    <div class="ltn__slide-one-active slick-slide-arrow-1 slick-slide-dots-1">
         ltn__slide-item 
        <div class="ltn__slide-item ltn__slide-item-2 ltn__slide-item-3">
            <div class="ltn__slide-item-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 align-self-center">
                            <div class="slide-item-info">
                                <div class="slide-item-info-inner ltn__slide-animation">
                                    <div class="slide-video mb-50 d-none">
                                        <a class="ltn__video-icon-2 ltn__video-icon-2-border" href="https://www.youtube.com/embed/tlThdr3O5Qo" data-rel="lightcase:myCollection">
                                            <i class="fa fa-play"></i>
                                        </a>
                                    </div>
                                    <h6 class="slide-sub-title animated"><img src="img/icons/icon-img/1.png" alt="#"> 100% genuine Products</h6>
                                    <h1 class="slide-title animated ">Tasty & Healthy <br>  Organic Food</h1>
                                    <div class="slide-brief animated d-none">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
                                    </div>
                                    <div class="btn-wrapper animated">
                                        <a href="shop.html" class="theme-btn-1 btn btn-effect-1 text-uppercase">Explore Products</a>
                                    </div>
                                </div>
                            </div>
                            <div class="slide-item-img">
                                <img src="img/slider/23.png" alt="#">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
         ltn__slide-item 
        <div class="ltn__slide-item ltn__slide-item-2 ltn__slide-item-3">
            <div class="ltn__slide-item-inner  text-right">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 align-self-center">
                            <div class="slide-item-info">
                                <div class="slide-item-info-inner ltn__slide-animation">
                                    <h6 class="slide-sub-title animated"><img src="img/icons/icon-img/1.png" alt="#"> 100% genuine Products</h6>
                                    <h1 class="slide-title animated ">Our Garden's  Most <br>   Favorite Food</h1>
                                    <div class="slide-brief animated">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
                                    </div>
                                    <div class="btn-wrapper animated">
                                        <a href="shop.html" class="theme-btn-1 btn btn-effect-1 text-uppercase">Explore Products</a>
                                        <a href="about.html" class="btn btn-transparent btn-effect-3 text-uppercase">LEARN MORE</a>
                                    </div>
                                </div>
                            </div>
                            <div class="slide-item-img slide-img-left">
                                <img src="img/slider/21.png" alt="#">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
          
    </div>
</div>-->
<!-- SLIDER AREA END -->

<div class="ltn__slider-area ltn__slider-3  section-bg-1">
    <div class="ltn__slide-one-active slick-slide-arrow-1 slick-slide-dots-1">
        <div class="ltn__slide-item ltn__slide-item-2 ltn__slide-item-3">
            <div class="ltn__slide-item-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <p style="font-size: 20px"><b>ખેડૂતને તેની પોતાની મહેનત મુજબ પોષણસમ ભાવ મળી રહે તે માટે આ પોર્ટલનું આયોજન કરવામાં આવેલ છે.</b></p>
                        </div>

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

<!-- PRODUCT TAB AREA START (product-item-3) -->
<div class="ltn__product-tab-area ltn__product-gutter pt-85 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area text-center" style="margin-bottom: 10px">
                    <!--<h5 class="section-title">આજનો ભાવ – શાકભાજી</h5>-->
                    <span class="section-title" style="font-size: 30px">આજનો ભાવ </span><br>
                    <span class="fa fa-calendar section-subtitle" style="font-size: 20px;color: green"> {{ date1 }}</span>
                </div>

                <div class="ltn__tab-menu ltn__tab-menu-2 ltn__tab-menu-top-right-- text-uppercase text-center">
                    <div class="nav">

                        <a class="active show" data-toggle="tab" href="#liton_tab_3_1">  શાકભાજી </a>

                        <a data-toggle="tab" href="#liton_tab_3_2" class=""> ફળો </a>

                    </div>
                </div>
                <div class="tab-content"> 

                    {% for i in data %}
                    {% if i.main_menu=='Vegetables' %}
                    {% set veg = i.id %}
                    {% elseif i.main_menu=='Fruits' %}
                    {% set fruit = i.id %}
                    {% endif %}
                    {% endfor %}

                    <div class="tab-pane fade active show" id="liton_tab_3_1">
                        <div class="ltn__product-tab-content-inner">
                            <table class="table">
                                <thead style="font-size: 15px;">
                                <td><b> ક્ર્મ </b></td>
                                <td><b>પ્રકાર </b></td>
                                <td><b>શાકભાજીનું નામ </b></td>
                                <td><b> ૨૦ કિલોનો ભાવ </b></td>
                                </thead>
                                <tbody style="font-size: 15px">
                                    {% set veg_total = 1 %}
                                    {% for p in product_today_price_data %}
                                    <!--{% if p.main_menu_id==veg %}-->
                                    <tr>
                                        <td>{{ veg_total }}</td>
                                        <td>{{ p.veg_type }}</td>
                                        <td>{{ p.product_name }}</td>
                                        <td>રૂ. {{ p.low_price }} - {{ p.high_price }}</td>
                                    </tr>
                                    {% set veg_total = veg_total + 1 %}
                                    <!--{% endif %}-->
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="liton_tab_3_2">
                        <div class="ltn__product-tab-content-inner">
                            <table class="table">
                                <thead style="font-size: 15px;">
                                <td><b> ક્ર્મ </b></td>
                                <td><b> પ્રકાર </b></td>
                                <td><b>ફળનું નામ </b></td>
                                <td><b> ૨૦ કિલોનો ભાવ </b></td>
                                </thead>
                                <tbody style="font-size: 15px">
                                    {% set fruit_total = 1 %}
                                    {% for p in product_today_price_data %}
                                    {% if p.main_menu_id==fruit %}
                                    <tr>
                                        <td>{{ fruit_total }}</td>
                                        <td>{{ p.veg_type }}</td>
                                        <td>{{ p.product_name }}</td>
                                        <td>રૂ. {{ p.low_price }} - {{ p.high_price }}</td>
                                    </tr>
                                    {% set fruit_total = fruit_total + 1 %}
                                    {% endif %}
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- PRODUCT TAB AREA END -->
<!--username is {{ username }}-->
{% if username ==undefined %}


{% else %}

<div class="ltn__contact-message-area mb-50">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__form-box contact-form-box box-shadow white-bg">
                    <h4 class="title-2">શાકભાજી/ ફળો ની રીકવેસ્ટ મોકલો</h4>
                    <!--<form>-->
                    <div class="row">
                        <div class="col-md-4">
                            <div class="input-item">
                                <label for="exampleSelect">શાકભાજી/ ફળો પસંદ કરો </label>
                                <select name="select" id="select_main_menu" tabindex="1" class="form-control">
                                    <option id="Select" value="Select">Select </option>
                                    {% for j in data %}
                                    <option id="{{ j.id }}" value="{{ j.main_menu}}">{{ j.main_menu }}</option>
                                    {% endfor %}
                                </select>
                                <div id="msg_select_main_menu"></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-item" id="menu_category">
                                <label for="exampleSelect">શાકભાજી/ ફળોના  પ્રકાર પસંદ કરો </label>
                                <select name="select" id="select_menu_category" tabindex="2" class="form-control">
                                    <option id="Select">Select</option>
                                </select>
                                <div id="msg_select_menu_category"></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-item" id="sub_category">
                                <label for="exampleSelect" class="">શાકભાજી/ ફળોનું નામ પસંદ કરો </label>
                                <select name="select" id="select_sub_category" tabindex="3" class="form-control">
                                    <option id="Select">Select</option>
                                </select>
                                <div id="msg_select_sub_category"></div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="exampleSelect" class="">આજનો ભાવ  </label>
                            <div class="input-item"  id="price_update">
                                <input type="text" disabled="" id="today_price" name="name" value="આજનો ભાવ - " placeholder="આજનો ભાવ -">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="exampleSelect" class="">કેટલા કિલોગ્રામ છે તે દાખલ કરો  </label>
                            <div class="input-item">
                                <input type="number" id="quantity" name="quantity" style="margin-bottom: 5px" placeholder="કેટલા કિલોગ્રામ છે તે દાખલ કરો">
                            </div>
                            <div id="msg_quantity"></div>
                        </div>
                    </div>
                    <div class="btn-wrapper mt-0">
                        <button class="btn theme-btn-1 btn-effect-1 text-uppercase btnsave" type="submit">Send Request</button>
                        <div id="msg_success" style="display:none;font-size: 16px;color: green;padding: 5px">
                            * Your Request Send Successfully!
                        </div>
                    </div>
                    <p class="form-messege mb-0 mt-20"></p>
                    <!--</form>-->
                </div>
            </div>
        </div>
    </div>
</div>



<div class="ltn__contact-message-area mb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-12" id="zero_config123">
                <div class="ltn__form-box contact-form-box box-shadow white-bg">
                    <h4 class="title-2">તમારી શાકભાજી/ ફળો ની રીકવેસ્ટ જોવા માટે</h4>
                    <form id="contact-form">
                        <div class="row" style="margin-bottom: 5px">
                            <div class="col-md-4">
                                <div class="input-item">
                                    <input type="date" id="datePicker" placeholder="તારીખ પસંદ કરો" name="birthdaytime">
                                </div>
                            </div>
                        </div>
<!--                        <div class="btn-wrapper mt-0">
                            <button class="btn theme-btn-1 btn-effect-1 text-uppercase" id="search_date_request" type="button">Search</button>
                        </div>-->
                        <p class="form-messege mb-0 mt-20"></p>

                        <div>
                            <table id="zero_config" class="table">
                                <thead style="font-size: 15px;">
                                <td><b> ક્ર્મ </b></td>
                                <!--<td><b>પ્રકાર </b></td>-->
                                <td><b> પ્રકાર/<br> નામ </b></td>
                                <td><b> ૨૦ કિલોનો ભાવ </b></td>
                                <td><b> કિલોગ્રામ </b></td>
                                </thead>
                                <tbody style="font-size: 15px" id="tablebody">
                                    {% set veg_total = 1 %}
                                    {% for p in farmer_request_data %}
                                    <!--{% if p.main_menu_id==veg %}-->
                                    <tr id="{{ p.id }}">
                                        <td>{{ veg_total }}</td>
                                        <!--<td>ઓર્ગેનિક</td>-->
                                        <td><b>{{ p.veg_type }}</b><br> {{ p.product_name }}</td>
                                        <td>રૂ. {{ p.low_price }} - {{ p.high_price }}</td>
                                        <td>{{ p.farmer_quantity }} KG.</td>
                                    </tr>
                                    {% set veg_total = veg_total + 1 %}
                                    <!--{% endif %}-->
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endif %}

<script type="text/javascript">

    $(document).ready(function () {

        document.getElementById('datePicker').valueAsDate = new Date();

        $(document.body).on('change', '#datePicker', function (e) {

            debugger;
//            var id = $('#select_main_menu').find('option:selected').attr('id');

            var date = new Date($('#datePicker').val());
            var day = date.getDate();
            var month = date.getMonth() + 1;
            var year = date.getFullYear();
//              alert([day, month, year].join('/'));

            var start_date = [year, month, day].join('-') + " 00:00:01";
            var end_date = [year, month, day].join('-') + " 23:59:59";
//            alert('start_date ' + start_date + " end_date " + end_date);

            var data = {};
            data.start_date = start_date;
            data.end_date = end_date;

            $.ajax({
                type: 'POST',
                data: JSON.stringify(data),
                contentType: 'application/json',
                url: '/admin_panel/farmer_daily_order_request_select',
                success: function (data) {
                    debugger;
//                    console.log('success');
//                    console.log(JSON.stringify(data));
//                        alert('data ' + data);
                    $('#msg_success').fadeIn(500);
                    $('#msg_success').text('* Data Insert Successfully!');
                    $('#msg_success').fadeOut(5000);
                    $('#tablebody').html('');
                    $('#tablebody').html(data);

                    $('html,body').animate({
                        scrollTop: $("#zero_config123").offset().top},
                            'slow');
                }, error: function (xhr, err) {
                    alert('Error ' + err.message);
                }
            });
        });

        $(document.body).on('blur', '#select_main_menu', function (e) {
            e.preventDefault();
//            alert('select_menu_category ' + $("#select_menu_category").val());
            if ($("#select_main_menu").val() == "Select")
            {
                $("#msg_select_main_menu").fadeIn(500);
                $("#msg_select_main_menu").html("* શાકભાજી/ ફળો પસંદ કરો").css({'color': 'red'});
                $("#msg_select_main_menu").focusin();
            } else
            {
                $("#msg_select_main_menu").fadeOut(1000);
            }
        });

        $(document.body).on('change', '#select_main_menu', function (e) {
            debugger;
            var id = $('#select_main_menu').find('option:selected').attr('id');
//        var std_val = $(this).find('option:selected').attr('value');

            var data = {};
            data.id = id;
            $.ajax({
                type: 'POST',
                data: JSON.stringify(data),
                contentType: 'application/json',
                url: '/admin_panel/menu_sub_category/select_main_menu_name_farmer',
                success: function (data) {
                    debugger;
//                    menu_category
                    $('#menu_category').html('');
                    $('#menu_category').html(data);
                    $("#select_menu_category").val('Select');
//                    $('#select_menu_category').html('');
//                    $('#select_menu_category').html(data);
//                    $("#select_menu_category").val('Select');
                }, error: function (xhr, err) {
                    alert('Error ' + err.message);
                }
            });
        });
        $(document.body).on('change', '#select_menu_category', function (e) {
            debugger;

            $("#msg_select_menu_category").fadeOut(1000);
            var id = $('#select_menu_category').find('option:selected').attr('id');
//        var std_val = $(this).find('option:selected').attr('value');

            var data = {};
            data.id = id;
            $.ajax({
                type: 'POST',
                data: JSON.stringify(data),
                contentType: 'application/json',
                url: '/admin_panel/product/select_menu_sub_categoty_farmer',
                success: function (data) {
                    debugger;
//                    alert('data ',data);
                    $('#sub_category').html('');
                    $('#sub_category').html(data);
                    $("#select_sub_category").val('Select');
                }, error: function (xhr, err) {
                    alert('Error ' + err.message);
                }
            });
        });

        $(document.body).on('change', '#select_sub_category', function (e) {
            debugger;

            $("#msg_select_sub_category").fadeOut(1000);
            var id = $('#select_sub_category').find('option:selected').attr('id');
//        var std_val = $(this).find('option:selected').attr('value');

            var data = {};
            data.id = id;
            $.ajax({
                type: 'POST',
                data: JSON.stringify(data),
                contentType: 'application/json',
                url: '/admin_panel/product/select_sub_category_product_name_farmer',
                success: function (data) {
                    debugger;
//                    alert('data ',data);
                    $('#price_update').html('');
                    $('#price_update').html(data);
//                    $('#price_update').val('');
//                    $('#price_update').val(data);
                }, error: function (xhr, err) {
                    alert('Error ' + err.message);
                }
            });
        });

        $(document.body).on('blur', '#select_menu_category', function (e) {
            e.preventDefault();
//            alert('select_menu_category ' + $("#select_menu_category").val());
            if ($("#select_menu_category").val() == "Select")
            {
                $("#msg_select_menu_category").fadeIn(500);
                $("#msg_select_menu_category").html("* શાકભાજી/ ફળોના  પ્રકાર પસંદ કરો").css({'color': 'red'});
                $("#msg_select_menu_category").focusin();
            } else
            {
                $("#msg_select_menu_category").fadeOut(1000);
            }
        });

        $(document.body).on('blur', '#select_sub_category', function (e) {
            e.preventDefault();
//            alert('select_menu_category ' + $("#select_menu_category").val());
            if ($("#select_sub_category").val() == "Select")
            {
                $("#msg_select_sub_category").fadeIn(500);
                $("#msg_select_sub_category").html("* શાકભાજી/ ફળોનું નામ પસંદ કરો").css({'color': 'red'});
                $("#msg_select_sub_category").focusin();
            } else
            {
                $("#msg_select_sub_category").fadeOut(1000);
//                alert('select sub category '+$("#select_sub_category").children(":selected").attr("id"));
            }
        });

        $(document.body).on('blur', '#quantity', function (e) {
//        $("#product_type").blur(function () {
            e.preventDefault();
            if ($("#quantity").val() == "")
            {
                $("#msg_quantity").fadeIn(500);
                $("#msg_quantity").html("* કેટલા કિલોગ્રામ છે તે દાખલ કરો").css({'color': 'red'});
                $("#msg_quantity").focusin();
            } else
            {
                $("#msg_quantity").fadeOut(1000);
            }
        });

        function clear()
        {
            $("#select_main_menu").val('Select');
            $("#select_menu_category").val('Select');
            $("#select_sub_category").val('Select');
            $("#today_price").val('આજનો ભાવ -');
            $("#quantity").val('');
        }


        $(document.body).on('click', '.btnsave', function (e) {
            debugger;
            var main_menu_id = $("#select_main_menu").children(":selected").attr("id");
            var menu_category_id = $("#select_menu_category").children(":selected").attr("id");

            var sub_category_id = $("#select_sub_category").children(":selected").attr("id");

            var farmer_quantity = $("#quantity").val();
            var frm_price_id = $("#today_price").attr("name");

//            alert('frm_price_id ' + frm_price_id);
//            alert('main_menu_id ' + main_menu_id + ' menu_category_id  ' + menu_category_id + ' sub_category_id ' + sub_category_id + ' farmer_quantity ' + farmer_quantity);

//        alert('year_id '+year_id+' std_id '+std_id+' class_name '+class_name);
            if (main_menu_id == 'Select')
            {
                $("#msg_select_main_menu").fadeIn(500);
                $("#msg_select_main_menu").html("* શાકભાજી/ ફળો પસંદ કરો").css({'color': 'red'});
                $("#msg_select_main_menu").focusin();
            } else if (menu_category_id == 'Select')
            {
                $("#msg_select_menu_category").fadeIn(500);
                $("#msg_select_menu_category").html("* શાકભાજી/ ફળોના  પ્રકાર પસંદ કરો").css({'color': 'red'});
                $("#msg_select_menu_category").focusin();
            } else if (sub_category_id == 'Select')
            {
                $("#msg_select_sub_category").fadeIn(500);
                $("#msg_select_sub_category").html("* શાકભાજી/ ફળોનું નામ પસંદ કરો").css({'color': 'red'});
                $("#msg_select_sub_category").focusin();
            } else if (farmer_quantity == '')
            {
                $("#msg_quantity").fadeIn(500);
                $("#msg_quantity").html("* કેટલા કિલોગ્રામ છે તે દાખલ કરો").css({'color': 'red'});
                $("#msg_quantity").focusin();
            } else
            {
//            alert('Success ');
                var data = {};
                data.main_menu_id = main_menu_id;
                data.main_menu_category_id = menu_category_id;
                data.sub_category_id = sub_category_id;
                data.farmer_quantity = farmer_quantity;
                data.frm_price_id = frm_price_id;

//                alert('main_menu_id '+main_menu_id+ ' menu_category_id  '+menu_category_id+ ' sub_category_id '+sub_category_id+' product_name '+product_name+' low_price '+low_price+' high_price '+high_price);

//                alert('data '+data);

                $.ajax({
                    type: 'POST',
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: '/admin_panel/farmer_daily_order_request',
                    success: function (data) {
                        debugger;
//                    console.log('success');
//                    console.log(JSON.stringify(data));
//                        alert('data ' + data);
                        $('#msg_success').fadeIn(500);
                        $('#msg_success').text('* Data Insert Successfully!');
                        $('#msg_success').fadeOut(5000);
                        $('#tablebody').html('');
                        $('#tablebody').html(data);

                        clear();

//                        var a = $('#zero_config tr:last').attr('id');
                        $('html,body').animate({
                            scrollTop: $("#zero_config123").offset().top},
                                'slow');
//                        var a = $('#zero_config tr:last').attr('id');

//                        setTimeout(function () {
//                            // Do something after 1 second 
////                        alert('set timeout ');
//                            $('#tablebody tr').css({'background-color': '#d0dee9'});
//                        }, 1000);
                    }, error: function (xhr, err) {
                        alert('Error ' + err.message);
                    }
                });
            }
        });


        $(document.body).on('click', '.click_product_name', function (e) {
            debugger;
            e.preventDefault();
            var prd_id = $(this).attr('id');
//            alert('product id ' + prd_id);
            var data = {};
            data.prd_id = prd_id;
            if (prd_id == '')
            {
                alert('Product id is Null');
            } else {

                $.ajax({
                    cache: false,
                    type: 'POST',
                    async: false,
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: 'add_product_id_session',
                    success: function (data) {
                        debugger;
//                        alert('data ' + data);
                        if (data == 'SET_SESSION')
                        {
                            setTimeout(function () {
//                                        window.location.reload();
                                window.location.href = "/product_detail";
                            }, 100);
                        } else if (data == 'NOT_SESSION')
                        {
//                                    alert('else Not Login ');
                        }

//                    console.log('success');
//                    console.log(JSON.stringify(data));
                    }, error: function (xhr, err) {
                        alert('Error ' + err.message);
                    }
                });
            }
        });
    });
</script>


{% include 'layouts/farmer_footer.html' %}