@extends('layouts.app')
@section('title') {{'Create Distributor Integration'}} @endsection
@section('content')

        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">Create Distributor Integration
                    <a href="{{ url('DistributorIntegration') }}" class="pull-right"> Back </a>
                </div>

                <div class="panel-body">
                    <form class="form-horizontal" method="POST" action="{{ url('ConfirmDistributorIntegration') }}">
                        {{ csrf_field() }}

                        <div class="form-group">
                            
                            @php $Zone_Name = DB::table('divisions')->select('divisions.*')->orderBy('name', 'ASC')->get();@endphp
                            <div class="col-md-2">
                                Zone Name 
                                <select name="zone_id" id="zone_id" class="form-control selectpicker" data-live-search="true" required autofocus >
                                    <option value=""> Select </option>
                                    @if(isset($Zone_Name))
                                        @foreach($Zone_Name as $row)
                                            <option value="{{ $row->id }}"  @if(isset($item->user_types) && $item->user_types == $row->id) selected="selected" @endif >{{ $row->name }} </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <!-- District Dropdown -->
                            <div class="col-md-2">
                                Area Name 
                                <select name="area_id" id="area_id" class="form-control selectpicker" data-live-search="true">
                                    <option value="">Select</option>
                                    {{-- Districts will be loaded dynamically --}}
                                </select>
                            </div>

                            <!-- Upazila Dropdown -->
                            <div class="col-md-2">
                                Sub-Area Name
                                <select name="sub_area_id" id="sub_area_id" class="form-control selectpicker" data-live-search="true">
                                    <option value="">Select</option>
                                    {{-- Upazilas will be loaded dynamically --}}
                                </select>
                            </div>

                            @php $rsm_list =  DB::table('users')->select('users.*')->where('user_types','=', 4 )->orderBy('id', 'ASC')->get();@endphp
                            <!-- RSM Name Dropdown -->
                            <div class="col-md-2">
                                NSM/RSM Name
                                <select name="rsm_id" id="rsm_id" class="form-control selectpicker" data-live-search="true" autofocus >
                                    <option value=""> Select </option>
                                    @if(isset($rsm_list))
                                        @foreach($rsm_list as $row)
                                            <option value="{{ $row->id }}"  @if(isset($item->parent_id) && $item->parent_id == $row->id) selected="selected" @endif >{{ $row->name }} </option>
                                        @endforeach
                                    @endif
                                </select> 
                            </div>
                            <!-- SE Name Dropdown -->
                            <div class="col-md-2">
                                TSM/ASM Name
                                <select name="se_id" id="se_id" class="form-control selectpicker" data-live-search="true" >
                                    <option value=""> Select </option>                                   
                                    {{-- SE Name will be loaded dynamically --}}
                                </select> 
                            </div>
                            <div class="col-md-2">
                                SO Name
                                <select name="so_id" id="so_id" class="form-control selectpicker" data-live-search="true" autofocus >
                                    <option value=""> Select </option>                              
                                    {{-- SO Name will be loaded dynamically --}}
                                </select> 
                            </div>
                            @php $Distributor_Name =  DB::table('suppliers')->select('suppliers.*')->where('customer_id','=', 24 )->orderBy('id', 'ASC')->get();@endphp
                            <div class="col-md-2">
                                Distributor Name
                                <select name="distributor_id" id="distributor_id" class="form-control selectpicker" data-live-search="true" autofocus >
                                    <option value=""> Select </option>
                                    @if(isset($Distributor_Name))
                                        @foreach($Distributor_Name as $row)
                                            <option value="{{ $row->id }}"  @if(isset($item->distributor_id) && $item->distributor_id == $row->id) selected="selected" @endif >{{ $row->name }} </option>
                                        @endforeach
                                    @endif
                                </select> 
                            </div>
                            <div class="col-md-2"><br/> &nbsp;
                                <button type="submit" class="btn btn-success">
                                    Submit
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

<script>
    $('#zone_id').on('change', function () {
        var districtId = $(this).val();

        if (districtId) {
            $.ajax({
                url: "{{ url('/get-district-by-divisions') }}/" + districtId,
                type: "GET",
                success: function (data) {
                    $('#area_id').empty();
                    $('#area_id').append('<option value="">Select</option>');
                    $.each(data, function (key, value) {
                        $('#area_id').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                    });

                    $('.selectpicker').selectpicker('refresh'); // for bootstrap-select
                }
            });
        } else {
            $('#area_id').empty();
            $('#area_id').append('<option value="">Select</option>');
            $('.selectpicker').selectpicker('refresh');
        }
    });
    $('#area_id').on('change', function () {
        var districtId = $(this).val();

        if (districtId) {
            $.ajax({
                url: "{{ url('/get-upazilas-by-district') }}/" + districtId,
                type: "GET",
                success: function (data) {
                    $('#sub_area_id').empty();
                    $('#sub_area_id').append('<option value="">Select</option>');
                    $.each(data, function (key, value) {
                        $('#sub_area_id').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                    });

                    $('.selectpicker').selectpicker('refresh'); // for bootstrap-select
                }
            });
        } else {
            $('#sub_area_id').empty();
            $('#sub_area_id').append('<option value="">Select</option>');
            $('.selectpicker').selectpicker('refresh');
        }
    });
    $('#rsm_id').on('change', function () {
        var rsmId = $(this).val();

        if (rsmId) {
            $.ajax({
                url: "{{ url('/get-se-by-rsm') }}/" + rsmId,
                type: "GET",
                success: function (data) {
                    $('#se_id').empty();
                    $('#se_id').append('<option value="">Select</option>');
                    $.each(data, function (key, value) {
                        $('#se_id').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                    });

                    $('.selectpicker').selectpicker('refresh'); // for bootstrap-select
                }
            });
        } else {
            $('#se_id').empty();
            $('#se_id').append('<option value="">Select</option>');
            $('.selectpicker').selectpicker('refresh');
        }
    });
    $('#se_id').on('change', function () {
        var seId = $(this).val();

        if (seId) {
            $.ajax({
                url: "{{ url('/get-so-by-se') }}/" + seId,
                type: "GET",
                success: function (data) {
                    $('#so_id').empty();
                    $('#so_id').append('<option value="">Select</option>');
                    $.each(data, function (key, value) {
                        $('#so_id').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                    });

                    $('.selectpicker').selectpicker('refresh'); // for bootstrap-select
                }
            });
        } else {
            $('#so_id').empty();
            $('#so_id').append('<option value="">Select</option>');
            $('.selectpicker').selectpicker('refresh');
        }
    });
</script>


@endsection