@extends('admin_template')
@section('content')
<br><br>
<section class="quiz_set_add_edit mt-5 mb-5">
	<div class="container">
		<div class="row">
            <div class="col-md-12 text-center">
                {{ status_error(); }}
                <h4>{{isset($mode) && $mode == 'update' ? 'Update' : 'Add New'}} User.</h4>
            </div>
            <div class="col-md-8 offset-md-2">
                <form class="row form" id="useraddform" action="{{isset($mode) && $mode == 'update' ? 'admin-user-update' : 'admin-user-insert'}}" method="post">
                    @csrf
                    <input type="hidden" name="data[id]" value="{{ @$result['id'] }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" id="name" name="data[name]" value="{{ isset($result['name']) ? $result['name'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="email">Email ID</label>
                                <input type="email" class="form-control" id="email" name="data[email]" value="{{ isset($result['email']) ? $result['email'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="contact">Phone Number</label>
                                <input type="text" class="form-control" id="contact" name="data[contact]" value="{{ isset($result['contact']) ? $result['contact'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="contact">Role</label>
                                <select class="form-control" name="data[role]">
                                    <option value="">Select Role</option>
                                                                    </select>

                            </div>
                        </div>
                                                <div class="col-md-12 resetpassworddiv" >
                            <div class="mb-3">
                                <label for="password">Password</label>
                                <input type="text" class="form-control" id="password" name="data[password]" value="">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3 form-check">
                                <input type="radio" class="form-check-input" id="active" name="data[status]" value="1" {{ isset($result['status']) && $result['status'] == 1 ? 'checked':'checked'; }}>
                                <label class="form-check-label" for="active">Active</label>
                            </div>
                            <div class="mb-3 form-check">
                                <input type="radio" class="form-check-input" id="inactive" name="data[status]" value="2" {{ isset($result['status']) && $result['status'] == 2 ? 'checked':''; }}>
                                <label class="form-check-label" for="inactive">Inactive</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 text-end">
                            <button type="submit" class="btn btn-de-primary px-4">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
</section>
<br><br>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

    $('#resetpassword').click(function(){
        if($(this).is(":checked")){
            $('.resetpassworddiv').show();
        }
        else
        {
            $('.resetpassworddiv').hide();
        }
    });

    $("#useraddform").validate({
        rules:
        {
            'data[name]': {
                required: true
            },
            'data[email]': {
                required: true
            },
            'data[contact]': {
                required: true,
                number:true
            },
            'data[role]': {
                required: true
            },
            'data[password]': {
                required: true
            },
        }, 
        errorElement: 'p',
        errorPlacement: function (error, element) {
            error.insertAfter(element);
        }
    });
});
</script>
@endsection