@extends('layouts.app2') 
@section('title', 'Create') 
@section('badcome') 
@endsection 
@section('dynamic_css')
<style>
    .text-blue{
        color: #304192;
        font-weight: 600;
        font-size: 14px;
    }
</style>
@endsection 

@section('content')
<div class="container">
    <div class="row container_layout">
        <div class="col-md-12 mobile_view">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('adminhome')}}">
                            <i class="material-icons">home</i>
                        </a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ route('usermanagement') }}">User Management</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('blockadmin.display') }}">Block Admin</a></li>
                    <li class="breadcrumb-item active"><a href="{{ route('blockadmin.create') }}">Create</a></li>
                </ol>
            </nav>
        </div>
        <div class="col-md-5">

        </div>
        <!--        <div class="col-md-7 page-action text-right">
            <a href="{{ route('users.index') }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> Back</a>
        </div>-->



        <div class="col-lg-12">
            <div class="card">
                <div class="card-header light-blue lighten-1 white-text text-uppercase font-weight-bold text-start py-3">
                    <i class="fa fa-plus-square" aria-hidden="true"></i>
                    Create User
                </div>
                <div class="card-body">
                    {!! Form::open(['route' => ['blockadmin.store'] ]) !!} @include('usermanagement._formblock') {!! Form::submit('Create', ['class' => 'btn btn-primary btn-sm']) !!}
                    <a href="{{ route('blockadmin.display') }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> Back</a> {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('dynamic_js')
<script>
    $('#district').on('change',function(e){
        e.preventDefault()
      var  selected_district=$(this).val();

         $('.page-loader-wrapper').fadeIn();
            $.ajax({
                type: "GET",
                url: "{{ route('get_block_list')}}",
                data: {
                    district_code: selected_district
                },
                dataType: "json",
                success: function (data) {
                    $('#block').empty();
                    $('#block').append('<option value=""  selected>==== Select A Block ====</option>');
                    if (data.msgType == true) {
                        $.each(data.data,function(key,value){
                             $('#block').append('<option value=" '+value.block_id+' ">'+value.block_name+'</option>');
                        });
         
                    }else{
                      toastr.error(data.msg);
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {

                    callAjaxErrorFunction(jqXHR, textStatus, errorThrown);
                },
                complete: function (data) {
                    $('.page-loader-wrapper').fadeOut();
                }
            }); 
    })
</script>
@endsection