@extends('admin.layout.master')

@section('title', 'Level')

@section('body')
<!--Page header-->
<div class="page-header d-xl-flex d-block">
    <div class="page-leftheader">
        <h4 class="page-title">Level</h4>
    </div>
</div>
<!--End Page header-->

<div class="row ">
    <div class="col-md-12">
        <div class="card mb-lg-0">
            <div class="card-header border-bottom-0">
                <h3 class="card-title">Edit Level</h3>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.update_level') }}" id="update-level" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <input type="hidden" name="level_id" value="{{$level->level_id}}">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-label">Level Name</label>
                                <input class="form-control" name="level_name" type="text" placeholder="Enter Name" value="{{$level->level_name}}">
                            </div>
                        </div>
                    </div>
                    <button type="submit" id="update_form" class="btn btn-primary mt-2">Update</button>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@push('script')
    <script>
        $(document).ready(function() {
            $("#update-level").validate({
                highlight: function(element) {
                    $(element).closest('.form').removeClass('has-success').addClass('has-error');
                },
                success: function(element) {
                    $(element).closest('.form').removeClass('has-error').addClass('has-success');
                    $(element).closest('.error').remove();
                },
                rules: {
                    level_name: {
                        required: true,
                    }
                },
                messages: {
                    level_name: {
                        required: "Level name is required",
                    }
                },
                submitHandler: function(form, e) {
                    e.preventDefault();
                    form.submit();
                }
            });
        })
    </script>
    
@endpush