@extends('layouts.app')

@section('title', 'Create Connection - ISP ERP System')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-8">
            <div class="custom-card">
                <div class="custom-card-body">
                    <form action="{{ route('dish.connections.store') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">Customer <span class="text-danger">*</span></label>
                            <br>
                            <select class="form-select" name="customer_id" style="max-width: 300px;" required>
                                <option value="">Select Customer</option>
                                @foreach($customers as $customer)
                                    <option value="{{ $customer->id }}" {{ old('customer_id') == $customer->id ? 'selected' : '' }}>
                                        {{ $customer->customer_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Package <span class="text-danger">*</span></label>
                            <br>
                            <select class="form-select" name="package_id" style="max-width: 300px;" required>
                                <option value="">Select Package</option>
                                @foreach($packages as $package)
                                    <option value="{{ $package->id }}" {{ old('package_id') == $package->id ? 'selected' : '' }}>
                                        {{ $package->package_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Connection Date <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="connection_date" value="{{ old('connection_date', date('Y-m-d')) }}" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Status <span class="text-danger">*</span></label>
                            <br>
                            <select class="form-select" name="connection_status" style="max-width: 300px;" required>
                                <option value="active" {{ old('connection_status') == 'active' ? 'selected' : '' }}>Active</option>
                                <option value="disconnected" {{ old('connection_status') == 'disconnected' ? 'selected' : '' }}>Disconnected</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Notes</label>
                            <textarea class="form-control" name="notes" rows="3">{{ old('notes') }}</textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">Create</button>
                        <a href="{{ route('dish.connections.index') }}" class="btn btn-light">Cancel</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection