@extends('admin.layout.master')

@section('title', 'Location')

@section('body')
<!--Page header-->
<div class="page-header d-xl-flex d-block">
    <div class="page-leftheader">
        <h4 class="page-title">Location</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 Location</h3>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.update_location') }}" id="update-location" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <input type="hidden" name="location_id" value="{{$location->location_id}}">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-label">Location Name</label>
                                <input class="form-control" name="location_name" type="text" placeholder="Enter Name" value="{{$location->location_name}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-label">Location Code</label>
                                <input class="form-control" name="location_code" type="text" placeholder="Enter Email" value="{{$location->location_code}}">
                            </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>
        $("#update-location").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: {
                location_name: {
                    required: true,
                }
            },
            messages: {
                location_name: {
                    required: "Location name is required",
                }
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                form.submit();
            }
        });
    </script>
@endpush