@extends('layouts.admin')

@section('title', 'Create Service Price')
@section('page_heading', 'Create Service Price')

@section('page_actions')
    <a href="{{ route('admin.prices.index') }}" class="btn btn-outline-secondary">Back to Prices</a>
@endsection

@section('content')
    <div class="card data-card">
        <div class="card-body">
            <form method="POST" action="{{ route('admin.prices.store') }}" class="row g-3">
                @csrf

                <div class="col-md-6">
                    <label for="service_id" class="form-label">Service Name *</label>
                    <select id="service_id" name="service_id" required class="form-select">
                        <option value="" selected disabled>Select a service</option>
                        @foreach ($services as $service)
                            <option value="{{ $service->id }}" @selected(old('service_id') == $service->id)>
                                {{ $service->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-6">
                    <label for="base_price" class="form-label">Base Price *</label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input id="base_price" name="base_price" type="number" step="0.01" min="0" value="{{ old('base_price') }}" required placeholder="0.00" class="form-control">
                    </div>
                </div>

                <div class="col-12 d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary">Save Price</button>
                </div>
            </form>
        </div>
    </div>
@endsection