@extends('layouts.app2')

@section('title', 'Edit User ' . $user->first_name)



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


@section('content')
<div class="container">
    <div class="row justify-content-center 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="">Edit</a></li>
                </ol>
            </nav>
        </div>
        
        <div class="col-md-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-edit fa-lg"></i> Edit User{{ $user->first_name }}
                </div>
                <div class="card-body">

                        <div class="ibox float-e-margins">
                            <div class="ibox-content">
                                                                {!! Form::model($user, ['method' => 'PUT', 'route' => ['users.update',  $user->id ] ]) !!}
                                    @include('usermanagement._formblock')
                                    <!-- Submit Form Button -->
                                    {!! Form::submit('Save Changes', ['class' => 'btn btn-primary btn-sm']) !!}
                                 <a href="{{ Session::get('edit_previous_button') }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> Back</a>
                                {!! Form::close() !!}
                            </div>

                         </div>
               </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