@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    New Market
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')

    <link href="{{ asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.css') }}"  rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/vendors/iCheck/css/all.css') }}"  rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/pages/pareto.css') }}"  rel="stylesheet" type="text/css" />

@stop
{{-- Page content --}}
@section('content')
    <section class="content-header">
        <!--section starts-->
        <h1>New Market</h1>

    </section>
    <!--section ends-->
    <section class="content">
        <!--main content-->
        <div class="row">
            <!--row starts-->
            <div class="col-md-12">
                <!--lg-6 starts-->
                <!--basic form starts-->
                <div class="panel panel-primary" id="hidepanel1">

                    <div class="panel-body">
                        <form class="form-horizontal pareto-menu" method="post"
                              action="{{ route('admin.submit_market') }}">
                            {{ csrf_field() }}
                            <div style="width: 60%; display: block; margin: 0 auto;">

                                <div class="input-block active-first-tier new-demand-form">

                                    <div id="market_check" style="display: none">
                                        <p style="color: red">This combination of Country, Market Segment and Prodh Group already exists!</p>
                                    </div>

                                    <div class="country">
                                        @include('admin.layouts.market_country')
                                    </div>

                                    <div class="segment">
                                        @include('admin.layouts.market_segment')
                                    </div>

                                    <div class="prodh3">
                                        @include('admin.layouts.market_prodh_group')
                                    </div>

                                </div>

                                <div class="show-distribution">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
            <!--md-6 ends-->
            <div class="loan_dashboard">

            </div>
        </div>

        <!--main content ends--> </section>
    <!-- content -->
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}" ></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/js/pages/form_examples.js') }}"></script>
    <script>

        $(document).on('change', "#market_country", function (){
            $.ajax({
                type: "POST",
                url: "{{ route('admin.market_get_segment') }}",
                cache: false,
                success: function (result) {
                    $(".segment").html(result);
                }
            })
        });

        $(document).on('change', "#market_segment", function (){
            $.ajax({
                type: "POST",
                url: "{{ route('admin.market_get_prodh_group') }}",
                cache: false,
                success: function (result) {
                    $(".prodh3").html(result);
                }
            })
        });

        $(document).on('change', "#market_prodh_group", function (){
            var country     = document.getElementById("market_country").value;
            var segment     = document.getElementById("market_segment").value;
            var prodh_group = document.getElementById("market_prodh_group").value;

            $.ajax({
                type: "POST",
                url: "{{ route('admin.market_check') }}",
                data: {
                  country:      country,
                  segment:      segment,
                  prodh_group:  prodh_group,
                },
                cache: false,
                success: function (result) {
                    if(result == 'exists') {
                        $("#market_check").show();
                        $('#button-lg').prop('disabled', true);
                    }
                    else {
                        $("#market_check").hide();
                        $('#button-lg').prop('disabled', false);
                    }
                }
            })
        });

    </script>

@stop