@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Opportunity View
    @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" />

@stop
{{-- Page content --}}
@section('content')
    <section class="content-header">
        <!--section starts-->
        <h1>Opportunity View</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('admin.dashboard') }}">
                    <i class="livicon" data-name="home" data-size="14" data-loop="true"></i>
                    Dashboard
                </a>
            </li>
            <li>
                <a href="#">Forms</a>
            </li>
            <li class="active">Form Examples</li>
        </ol>
    </section>
    <!--section ends-->
    <section class="content">
        <!--main content-->
        <div class="row">
            <!--row starts-->
            <div class="col-md-6">
                <!--lg-6 starts-->
                <!--basic form starts-->
                <div class="panel panel-primary" id="hidepanel1">

                    <div class="panel-body">
                        <form class="form-horizontal" method="post" action="{{ route('admin.submit_opportunity') }}">
                            {{ csrf_field() }}
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="opor_name">Opportunity Name</label>
                                <div class="col-md-9">
                                    <input id="opor_name" name="opor_name" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="country">Country</label>
                                <div class="col-md-9">
                                    <select id="country" name="country" class="form-control" onchange="setOption(this)">
                                        <option></option>
                                        @foreach ($country_keys as $country)
                                            <option>{{ $country['LANDX'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="dropdown-sold-to">
                                @include('admin.layouts.select_soldto')
                            </div>

                            <div class="customer-group">
                                @include('admin.layouts.result_soldto')
                            </div>

                            <div class="results" style="display: none">
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="entry_date">Entry Date</label>
                                <div class="col-md-9">
                                    <p id="entry_date"> sys date </p>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="date_exp_impl">Expected Implementation</label>
                                <div class="col-md-9">
                                    <input id="date_exp_impl" name="date_exp_impl" type="date" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="date_exp_impact">Expected Impact</label>
                                <div class="col-md-9">
                                    <input id="date_exp_impact" name="date_exp_impact" type="date" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="actual_impl">Actual Implementation</label>
                                <div class="col-md-9">
                                    <p id="actual_impl"> sys date </p>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="actual_impact">Actual Impact</label>
                                <div class="col-md-9">
                                    <p id="actual_impact"> sys date </p>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-12">
                                    <label class="col-md-3 control-label" >Annualised Value</label>
                                    <label class="col-md-4 control-label" >Expected</label>
                                    <label class="col-md-4 control-label" >Implemented</label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" >Sales Revenue</label>
                                <div class="col-md-4">
                                    <input id="sales_exp" name="sales_exp" type="text" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <input id="sales_exp" name="sales_impl" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" >M2</label>
                                <div class="col-md-4">
                                    <input id="m2_exp" name="m2_exp" type="text" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <input id="m2_impl" name="m2_impl" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label" >M3</label>
                                <div class="col-md-4">
                                    <input id="m3_exp" name="m3_exp" type="text" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <input id="m3_impl" name="m3_impl" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" >M</label>
                                <div class="col-md-4">
                                    <input id="m_exp" name="m_exp" type="text" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <input id="m_impl" name="m_impl" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" >CM1</label>
                                <div class="col-md-4">
                                    <input id="cm1_exp" name="cm1_exp" type="text" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <input id="cm1_impl" name="cm1_impl" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" >CM2</label>
                                <div class="col-md-4">
                                    <input id="cm2_exp" name="cm2_exp" type="text" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <input id="cm2_impl" name="cm2_impl" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-12">
                                    <label class="col-md-3 control-label" >Distribution</label>
                                    <label class="col-md-9 control-label" >Expected</label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="june" >June</label>
                                <div class="col-md-9">
                                    <select id="june" name="june" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="july" >July</label>
                                <div class="col-md-9">
                                    <select id="july" name="july" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="august" >August</label>
                                <div class="col-md-9">
                                    <select id="august" name="august" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="september" >September</label>
                                <div class="col-md-9">
                                    <select id="september" name="september" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="october" >October</label>
                                <div class="col-md-9">
                                    <select id="october" name="october" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="november" >November</label>
                                <div class="col-md-9">
                                    <select id="november" name="november" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="december" >December</label>
                                <div class="col-md-9">
                                    <select id="december" name="december" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="january" >January</label>
                                <div class="col-md-9">
                                    <select id="january" name="january" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="february" >February</label>
                                <div class="col-md-9">
                                    <select id="february" name="february" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="march" >March</label>
                                <div class="col-md-9">
                                    <select id="march" name="march" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="april" >April</label>
                                <div class="col-md-9">
                                    <select id="april" name="april" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="may" >May</label>
                                <div class="col-md-9">
                                    <select id="may" name="may" class="form-control">
                                        <option></option>
                                        <option>Equal</option>
                                        <option>Customise</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="desc">Additional Infos/ Description</label>
                                <div class="col-md-9">
                                    <textarea name="desc" id="desc" class="form-control resize_vertical" rows="3"></textarea>
                                </div>
                            </div>

                            </div>

                            <div class="form-position">
                                <div class="col-md-12 text-right">
                                    <button type="submit" class="btn btn-responsive btn-primary btn-sm">Submit</button>
                                </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>

        $("#country").on("change", function () {
            console.log($(this).val());
            $.ajax({
                type: "POST",
                url: "{{ route('admin.select_country') }}",
                data: {
                    country: $(this).val()
                },
                cache: false,
                success: function (result) {
                    $(".dropdown-sold-to").html(result);
                  console.log("success");
                  console.log("dropdown-sold-to");
                  console.log(result);

                }
            })
        });


        $(document).on('change', "#sold_to", function (){
            console.log($(this).val());
            $.ajax({
                type: "POST",
                url: "{{ route('admin.select_comp') }}",
                data: {
                    sold_to: $(this).val()
                },
                cache: false,
                success: function (result) {
                    $(".customer-group").html(result);
                    console.log("customer-group");
                    console.log("success");
                    console.log(result);

                }
            })
        });
    </script>


@stop