@extends('admin.layouts.master')
@section('title', 'Create Package Price')

@section('content')
<div class="container">
    <h2>Add Package Price</h2>
    <form action="{{ route('admin.package-prices.store') }}" method="POST">
        @csrf

        <div class="form-group mb-3">
            <label for="package_id">Package</label>
            <select name="package_id" id="package_id" class="form-control" required>
                <option value="">-- Select Package --</option>
                @foreach($packages as $package)
                    <option value="{{ $package->id }}">{{ $package->title }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-group mb-3">
            <label for="start_point_id">Starting Point</label>
            <select name="start_point_id" id="start_point_id" class="form-control" required>
                <option value="">-- Select Starting Point --</option>
                @foreach($startingPoints as $sp)
                    <option value="{{ $sp->id }}">{{ $sp->name }}</option>
                @endforeach
            </select>
        </div>

        <!-- Bus Type -->
        <div class="form-group mb-3">
            <label for="bus_type_id">Bus Type</label>
            <select name="bus_type_id"  id="bus_type_id" class="form-control" required>
                <option value="">Select Bus Type</option>
                @foreach($busTypes as $bus)
                    <option value="{{ $bus->id }}" {{ old('bus_type_id') == $bus->id ? 'selected' : '' }}>
                        {{ $bus->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="form-group mb-3">
            <label for="price">Price</label>
            <input type="number" step="0.01" name="price" class="form-control" required>
        </div>

        <button type="submit" class="btn btn-success">Save</button>
        <a href="{{ route('admin.package-prices.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection