@if (empty($prodh35_group) && empty($segment))
    @else
    <div class="form-group">
        <label class="col-md-3 control-label" for="distribution_channel">Segment</label>

            <select id="segment" name="segment" class="form-control">
                <option value=""></option>
                @foreach ($segment as $segment_name)
                    <option value="{{ $segment_name  }}">{{ $segment_name }}</option>
                @endforeach
            </select>

    </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="prodh3">Prodh35 Group</label>

            <select id="prodh35_group" name="prodh35_group" class="form-control">
                    <option value=""></option>
                @foreach ($prodh35_group as $prodh35_group_name)
                    <option value="{{ $prodh35_group_name  }}">{{ $prodh35_group_name }}</option>
                @endforeach
            </select>
        </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="sales_sqm">Sales(SQM)</label>

        <input id="sales_sqm" name="sales_sqm" type="number" class="form-control" required>

    </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="demand_sqm">Demand(SQM)</label>

        <input id="demand_sqm" name="demand_sqm" type="number" class="form-control" required>

    </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="sov">SOV%</label>

        <input id="sov" name="sov" type="number" class="form-control" readonly onchange="setOption(this)">

    </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="set_sales_exworks">Net Sales exWorks</label>

        <input id="set_sales_exworks" name="set_sales_exworks" type="number" class="form-control" required>

    </div>

    <div class="form-group">

        <label class="col-md-3 control-label" for="cm1">CM1 %</label>

        <input id="cm1" name="cm1" type="number" class="form-control" required>

    </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="cm2">CM2 %</label>

        <input id="cm2" name="cm2" type="number" class="form-control" required>

    </div>
    <div class="form-position">

        <button type="submit" id="button-lg" class="btn btn-responsive btn-primary btn-sm">Save Demand</button>

    </div>

    <script>
        $("#demand_sqm").on("change", function () {
            var sales = document.getElementById('sales_sqm').value;
            var demand = document.getElementById('demand_sqm').value;
            document.getElementById("sov").value = sales/demand;
        });

        $("#sales_sqm").on("change", function () {
            var sales = document.getElementById('sales_sqm').value;
            var demand = document.getElementById('demand_sqm').value;
            document.getElementById("sov").value = sales/demand;
        });
    </script>

@endif