@extends('layouts.admin.admin')

@section('content')

<style>
    .btn-sm, .btn-group-sm > .btn {
        font-size: 12px;
    }
</style>

<div class="container py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Add New Category</li>
        </ol>
    </nav>
    <div class="pull-right my-2">
        <a class="btn btn-primary" href="{{ route('category.index') }}"> Back</a>
    </div>
    @if ($errors->any())
    <div class="alert alert-danger">
        <strong>Whoops!</strong> There were some problems with your input.<br><br>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
    <form action="{{ route('category.store') }}" method="POST">
        @csrf
        <div class="form-row">
            <div class="col-md-12">
                <input type="text" class="form-control" id="category_name" placeholder="Enter Category Name" name="category_name">
            </div>
        </div>
        <div class="form-row my-3">
            <div class="col-md-12">
                <select class="form-control" name="service_id" id="service_id">
                    <option>Select Service</option>
                    @foreach ($services as $service)
                        <option value="{{ $service->id }}">{{ $service->service_name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="form-group my-4">
                <button type="submit" class="btn btn-primary btn-block">Submit</button>
        </div>
    </form>
</div>


@endsection