@extends('Layouts.erp_master')
@section('content')


<form enctype="multipart/form-data" method="post" class="form-horizontal" data-toggle="validator" novalidate="true">
    @csrf
    <div class="row">
        <div class="col-lg-9 offset-lg-3">

            <!-- Html View Load  -->
            {!! HTML::forCompanyFeild() !!}

            <div class="form-row align-items-center">
                <label class="col-lg-3 input-title RequiredStar" for="region_name">Region Name</label>
                <div class="col-lg-5 form-group">
                    <div class="input-group">
                        <input type="text" class="form-control round" placeholder="Enter Region Name" name="region_name"
                            id="region_name" required data-error="Please enter Region name.">
                    </div>
                    <div class="help-block with-errors is-invalid"></div>
                </div>
            </div>

            <div class="form-row align-items-center">
                <label class="col-lg-3 input-title RequiredStar" for="region_code">Region Code</label>
                <div class="col-lg-5 form-group">
                    <div class="input-group">
                        <input type="text" class="form-control round" placeholder="Enter Region Code" name="region_code"
                            id="region_code" required data-error="Please enter Region Code.">
                    </div>
                    <div class="help-block with-errors is-invalid"></div>
                </div>
            </div>


            <div class="form-row align-items-center">
                <label class="col-lg-12 input-title">Zone</label>

                <div class="col-lg-12" id="ZoneDiv"></div>
            </div>

            @include('elements.button.common_button', ['back' => true, 'submit' => [
                            'action' => 'save',
                            'title' => 'Save',
                            'id' => 'submitButtonForRegion',
                            'exClass' => 'float-right'
                        ]])
        </div>
    </div>
</form>

<script>
function ajaxLoadarea() {
    var CompanyID = $('#company_id').val();

    $.ajax({
        method: "GET",
        url: "{{url('gnl/region/ajaxRegion')}}",
        dataType: "text",
        data: {
            CompanyID: CompanyID
        },
        success: function(data) {
            if (data) {
                // console.log(data);
                $('#ZoneDiv').html(data);
            }
        }
    });
}

$(document).ready(function() {
    ajaxLoadarea();

    $('#company_id').change(function() {

        if ($(this).val() != '') {

            ajaxLoadarea();
        }
    });
    $('form').submit(function(event) {
        // event.preventDefault();
        $(this).find(':submit').attr('disabled', 'disabled');
        // $(this).submit();
    });
});
</script>
<!-- End Page -->
@endsection