@extends('layouts.master')
@section('title','Create Service')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    
    @section('breadcrumbs')
    <nav aria-label="breadcrumb" class="d-flex custom-breadcrumbs flex-sm-nowrap flex-wrap ">
        <ol class="breadcrumb mb-0 me-1">
            <li class="breadcrumb-item">
                <a href="{{route('admin.service.index')}}">Services</a>
            </li>
            <li class="breadcrumb-item active">
                Create Service
            </li>

        </ol>
    </nav>
    @endsection

    <div class="row">
        <div class="col-xl">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Create Service</h5>
                </div>
                <div class="card-body">
                    @include('admin.errors.error')
                    {!! Form::open(['route' => 'admin.service.store','id'=>'createform','name'=>'createform','enctype'=>"multipart/form-data"]) !!}
                    @include('admin.service.common')
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        $("#createform").validate({
            rules: {
                name: {
                    required: true,
                    maxlength: 50
                },
            },
            submitHandler: function(form) {
                if ($("#createform").validate().checkForm()) {
                    $('.submitbutton').attr('disabled', true);
                    $('.loader-btn').removeClass("d-none");
                    form.submit();
                }
            },
        });
    });
</script>
@endsection