@section('hierarchy-script')
<script>
      
      $('#agency_type_ida').change(function() {

alert("dsids");
        var agencttypeid = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-agencytwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agencttypeid: agencttypeid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var sub_cat_html = "<option value='' selected disabled>--Select One--</option>";
                if (response.status) {

                    $.each(response.data, function(key, value) {
                        deptdzo_html += "<option value='" + value.id + "'>" + value.agency_name + "</option>";
                       
                    });
                }
                $('#agency_ida').html(sub_cat_html);
            }
        });
    });

    $('#agency_ida').change(function() {
        var agencyid = (edit_agency_id1) ? edit_agency_id1 : $(this).val();

        $.ajax({
            url: "{{ route('get-assigned-departmenttwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agencyid: agencyid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var deptdzo_html = "<option value='' selected disabled>--Select f One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {


                        deptdzo_html += "<option value='" + value.id + "'>" + value.dept_dzo_name + "</option>";
                       
                    });




                   
                }
                $('#dept_dzo_ida').html(deptdzo_html);
            }
        });
    });



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

        var deptdzoid = edit_dept_dzo_id1 ? edit_dept_dzo_id1 : $(this).val();
        var agency_type_id = edit_agency_type_id ? edit_agency_type_id : $(this).val();
        var agency_id = edit_agency_id ? edit_agency_id : $(this).val();

        $.ajax({
            url: "{{ route('get-assigned-divisiontwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                deptdzoid: deptdzoid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var divis_html = "<option value='' selected disabled>--Select One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {

                        divis_html += '<option value="' + value.id + '"';

                        if (edit_division_id1 != null && edit_division_id1 == value.id) {
                            divis_html += " selected ";
                        }

                        divis_html += '>' + value.division_name + "</option>";


                    });
                }
                $('#division_ida').html(divis_html);
            }
        });
    });

    $('#division_ida').change(function() {
        var divisionid = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-fieldstwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                divisionid: divisionid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var field_html = "<option value='' selected disabled>--Select  One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        field_html += "<option value='" + value.id + "'>" + value.field_regional_name + "</option>";
                    });
                }
                $('#field_regional_ida').html(field_html);
            }
        });
    });

</script>
@endsection

<p class="text-warning">Transfer To</p>

<div class="row">
    <div class="col-6">
        <div class="form-group row">
            <label for="" class="col-sm-3">Agency Type: </label>
            <div class="col-9">
                <select name="agency_type_ida" id="agency_type_ida" class="form-control form-control-sm">
                    <option value="" disabled selected>--Select Any one--</option>
                    @if($atypethree)
                    @foreach($atypethree as $value)
                    <option value="{{ $value->id}}">{{ $value->agency_type }}</option>
                    @endforeach
                    @endif
                </select>
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="form-group row">
            <label for="" class="col-sm-3">Agency: </label>
            <div class="col-9">
                <select name="agency_ida" id="agency_ida" class="form-control form-control-sm">
                    <option value="" disabled selected>--Select Any One--</option>
                </select>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-6">
        <div class="form-group row">
            <label for="" class="col-sm-3">Department: </label>
            <div class="col-9">
                <select name="dept_dzo_ida" id="dept_dzo_ida" class="form-control form-control-sm">
                    <option value="" disabled selected>--Select Any one--</option>

                </select>
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="form-group row">
            <label for="" class="col-sm-3">Division: </label>
            <div class="col-9">
                <select name="division_ida" id="division_ida" class="form-control form-control-sm">
                    <option value="" disabled selected>--Select Any One--</option>
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-6">
        <div class="form-group row">
            <label for="" class="col-sm-3">Field Regional: </label>
            <div class="col-9">
                <select name="field_regional_ida" id="field_regional_ida" class="form-control form-control-sm">
                    <option value="" disabled selected>--Select Any one--</option>

                </select>
            </div>
        </div>
    </div>
</div>
<hr>