@extends('backend.layout.layout')
@section ('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Service category Table</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Service category Table</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                @if(session('status'))
                <h6 class="alert alert-success">
                    {{session('status')}}
                </h6>
                @endif
                <div class="card">
                    <div class="card-header">
                        <h6 class="m-0 font-weight-bold text-primary">Add new Service category</h6>
                    </div>

                    <!-- Card Body -->
                    <div class="card-body ">

                        <form action="{{route('admin.storeservice_category')}}" method="post" enctype="multipart/form-data" data-parsley-validate>
                            @csrf
                            <div class="form-row">
                                <div class="mb-3 col-md-6">
                                    <div class="form-group ">
                                        <label for="image">Service Category Image</label>
                                        <input type="file" name="image" id="image" value="{{old('image')}}" class="form-control">{{old('image')}}
                                        @error('image')
                                     <span class="text-danger">{{ $message = $errors->first('image') }}</span>                                        
                                    @enderror
                                    </div>
                                </div>
                                <div class="mb-3 form-group col-md-6">
                                    <label for="title" class="form-label">Service Category Title</label>
                                    <input type="text" class="form-control" id="title" name="title" value="{{old('title')}}" placeholder="Enter ">
                                    @error('title')
                                     <span class="text-danger">{{ $message = $errors->first('title') }}</span>                                        
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="heading" class="form-label">Service Heading</label>
                                    <input type="text" class="form-control" id="heading" name="heading" value="{{old('heading')}}" placeholder="Enter Button name">
                                    @error('heading')
                                     <span class="text-danger">{{ $message = $errors->first('heading') }}</span>                                        
                                    @enderror
                                </div>   
                              
                                <div class="mb-3 form-group col-md-6">
                                    <label for="description" class="form-label">Service Description</label>
                                    <textarea name="description" id="description" cols="30" rows="2" class="form-control " value="" placeholder="Enter description ">{{old('description')}}</textarea>
                                    @error('description')
                                     <span class="text-danger">{{ $message = $errors->first('description') }}</span>                                        
                                    @enderror
                                </div>                              
                            </div>             
                            <button type="submit" name="submit" class="btn btn-primary btn-lg">Submit</button>
                        </form>

                    </div>
                </div>
                <!-- /.card -->

            </div>

        </div>

    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection