@extends('layouts.app')

@section('content')
    <div class="page-wrapper">
        <!-- Page-header start -->
    <div class="page-header">
        <div class="row align-items-end">
            <div class="col-lg-8">
                <div class="page-header-breadcrumb-wrp">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{ url('') }}"> <i class="feather icon-home"></i> </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ url('users') }}">{{__('Manage User')}}</a></li>
                            <li class="breadcrumb-item">{{__('Update')}}</li>
                        </ul>
                    </div>  
                    <div class="page-header-title">
                        <div class="d-inline">
                            <h4>Add Program</h4>  
                        </div>
                    </div>
                </div>
            </div>
        </div>  
    </div>
    <!-- Page-header end -->

        <!-- Page-body start -->
        <div class="page-body">
            <div class="row">
                <div class="col-sm-12">
                    <!-- Zero config.table start -->
                    <div class="card">
                        <div class="card-block">
                            <div class="mT-30">
                                @include('common.error')
                                {{-- @php $user = \Auth::user(); @endphp --}}

                                <form class="" method="POST" action="{{ route('users.update', $user->id) }}" id="needs-validation">
                                    @method('PATCH')
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $user->id }}">
                                                                      
                                    <div class="row">

                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom02">Role<span class="red">*</span></label>
                                            <select class="form-control" name="role_id" id="role_id" required>
                                                <option value="">-- Select --</option>
                                                @foreach($roles_list as $role)
                                                    <option value="{{ $role->role_id }}" selected>{{ $role->role_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        
                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom02">Name<span class="red">*</span></label>
                                            <input type="text" class="form-control onlyalpha" name="name" value="{{ $user->name }}" autocomplete="off" required>                                            
                                        </div> 

                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom02">Email</label>
                                            <input type="email" class="form-control sector_id" name="email" id="email"
                                                value="{{ $user->email }}" autocomplete="off" >
                                        </div>

                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom02">Mobile number<span class="red phone">*</span></label>
                                            <input type="text" class="form-control phone" name="mobile_number" value="{{ $user->phone }}" autocomplete="off" required maxlength="10">
                                        </div>

                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom02">Username<span class="red username">*</span></label>
                                            <input type="text" class="form-control username" name="username" id="username" value="{{ $user->username }}" autocomplete="off" required maxlength="10">
                                        </div>

                                        <div class="col-md-6 mb-3 state_id_div">
                                            <label for="validationCustom02 ">State<span class="red">*</span></label>
                                            <select class="form-control " name="state_id" id="state_id" required>
                                                <option value="">--Select--</option>
                                                @foreach ($mst_states_list as $state)
                                                    <option value="{{ $state->state_id }}" {{ (isset($user->state_id) && ($user->state_id == $state->state_id ) ? "selected":"") }}>{{ $state->state_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-6 mb-3 district_id_div">
                                            <label for="validationCustom02 ">District<span class="red">*</span></label>
                                            <select class="form-control district_id " name="district_id" id="district_id" required>
                                                <option value="">--Select--</option>
                                            </select>
                                        </div> 
                                              
                                        <div class="col-md-6 mb-3 block_id_div">
                                         <label for="validationCustom02 ">Block name<span class="red">*</span></label>
                                                <select class="form-control block_id " name="block_id" id="block_id" required>
                                                    <option value="">--Select--</option>
    
                                                </select>
                                        </div>

                                        <div class="col-md-6 mb-3 facility_id_div">
                                            <label for="validationCustom02 ">Health facility<span class="red">*</span></label>
                                                   <select class="form-control facility_id " name="facility_id" id="facility_id" required>
                                                       <option value="">--Select--</option>
       
                                                   </select>
                                        </div>
                                   
                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom01">Password</label>
                                            <input type="password" class="form-control" name="password" autocomplete="off">
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="validationCustom02">Confirm password</label>
                                            <input type="password" class="form-control" name="password_confirmation"  autocomplete="off">
                                        </div>
                                    </div>
                                    {{-- @if($user->role_id == 2) --}}
                                    <div class="row">
                                        <div class="col-md-6 mb-3 entry_screen_div required" style="display: none">
                                            
                                            <input class="form-check-input entry_screen_permission" type="checkbox" value="1" name="entry_screen_permission[]" id="defaultCheck1" {{(in_array(1,explode(',',$user->entry_screen_permission)) ? 'checked' :'')}}>
                                            <label class="form-check-label" for="defaultCheck1">
                                                Oxygen bed occupancy
                                            </label><br>
                                            <input class="form-check-input entry_screen_permission" type="checkbox" value="2" name="entry_screen_permission[]" id="defaultCheck2" {{(in_array(2,explode(',',$user->entry_screen_permission)) ? 'checked' :'')}}>
                                            <label class="form-check-label" for="defaultCheck2">
                                                Disease wise patient occupancy
                                            </label><br>
                                            <input class="form-check-input entry_screen_permission" type="checkbox" value="3" name="entry_screen_permission[]" id="defaultCheck3" {{(in_array(3,explode(',',$user->entry_screen_permission)) ? 'checked' :'')}}>
                                            <label class="form-check-label" for="defaultCheck3">
                                                Manage daily stock
                                            </label>
                                            
                                        </div>

                                        <div class="col-md-6 mb-3 remarks_div" style="display: none">
                                            <label for="validationCustom02">Remarks</label>
                                            <textarea class="form-control remarks" name="remarks" rows="5">{{$user->remarks}}</textarea>
                                        </div>
                                    </div>
                                    {{-- @endif --}}
                                    <div class="row">
                                        <div class="col-md-12 mb-3 text-right">
                                            <button class="btn btn-m btn-primary " type="submit">Save</button>
                                            <a href="{{ url('users') }}" class="btn btn-m bt btn-danger">Back</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page-body end -->
    </div>
    <script>
        $(document).ready(function () {

           $("#role_id").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});
            $("#state_id").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});
            $("#district_id").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});
            $("#block_id").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});
            $("#facility_id").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});
            $("#username").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});
            // $("#email").css({"pointer-events": "none", "touch-action": "none", "background": "#ede6e6"});

            $('.phone').bind('keyup',function(){
                var node = $(this);
                node.val(node.val().replace(/[^0-9]/,'') ); 
            });
            $('.phone').bind('blur',function(e){
                var regex = new RegExp("^([6-9]{1})([0-9]{9})$");
                var str = $(this).val().toString();
                let m;
                //console.log(regex.exec(str));
                if ((m = regex.exec(str)) !== null) {
                    return true;
                }
                else
                {
                $(this).val('');
                return false;
                } 
            });

            $('#state_id').on('change',function(e){
                var state_id = $(this).val(); 
                var district_id = '';
                // alert(state_id);
                @if(!empty($user->district_id) && $user->district_id > 0 )
                district_id = {{$user->district_id}};
                @endif
                //alert(district_id);
                $.ajax({
                    type: 'GET',
                    url: "/getDistrict",
                    // data: 'state_id=' + state_id + '&district_id = ' +district_id,
                    data: '_token =