@php
    use Illuminate\Support\Facades\Auth;$role = Auth::user()->role;
@endphp
@extends('backend.layouts.app')

@section('PageTitle', 'Create Service')


@section('content')
 <!--breadcrumb -->
 <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
    <div class="breadcrumb-title pe-3">Service</div>
    <div class="ps-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item"><a href="{{route($role . '-profile')}}"><i class="bx
                bx-home-alt"></i></a></li>
                <li class="breadcrumb-item active" aria-current="page">Create Service</li>
            </ol>
        </nav>
    </div>
</div>
<!--end breadcrumb -->
<div class="container">
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <div class="ms-auto" style="margin-bottom: 20px">
    <h1>Create Service</h1>
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <form action="{{ route('services.store') }}" method="POST">
        @csrf
        <div class="form-group">
            <label for="sub_category_id">Subcategory:</label>
            <select class="form-control" id="sub_category_id" name="sub_category_id">
                @foreach ($subcategories as $subcategory)
                    <option value="{{ $subcategory->sub_category_id }}">{{ $subcategory->sub_category_name }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="name">Name:</label>
            <input type="text" class="form-control" id="name" name="name">
        </div>
        <div class="form-group">
            <label for="description">Description:</label>
            <textarea class="form-control" id="description" name="description"></textarea>
        </div>


        <button type="submit" class="btn btn-primary radius-30 mt-2 mt-lg-4 ">Submit</button>
    </form>
</div>
</div>
</div>
</div>
</div>
@endsection