@extends('admin.dashboard.layouts.app')

@section('main')
<div class="content-wrapper">
    <section class="content-header d-flex justify-content-between align-items-center">
        <h1 class="d-inline">Edit Service</h1>
        <a href="{{ route('services.index') }}" class="btn btn-secondary float-right">
            View All Services
        </a>
    </section>

    <section class="content">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Update Service</h3>
            </div>

            <form action="{{ route('services.update', $service->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="card-body">

                    <!-- Organization Select -->
                    <div class="form-group">
                        <label for="organization_id">Select Parlour</label>
                        <select name="organization_id" class="form-control" required>
                            <option value="">-- Select --</option>
                            @foreach ($organizations as $org)
                                <option value="{{ $org->id }}"
                                    {{ $service->organization_id == $org->id ? 'selected' : '' }}>
                                    {{ $org->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('organization_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <!-- Service Select -->
                    <div class="form-group">
                        <label for="service_data_id">Select Service</label>
                        <select name="service_data_id" class="form-control" required>
                            <option value="">-- Select --</option>
                            @foreach ($serviceData as $data)
                                <option value="{{ $data->id }}"
                                    {{ $service->service_data_id == $data->id ? 'selected' : '' }}>
                                    {{ $data->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('service_data_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <!-- Price -->
                    <div class="form-group">
                        <label for="price">Price (optional)</label>
                        <input type="number"
                               name="price"
                               step="0.01"
                               class="form-control"
                               value="{{ old('price', $service->price) }}">
                    </div>

                </div>

                <div class="card-footer">
                    <button class="btn btn-primary" type="submit">
                        Update Service
                    </button>
                    <a href="{{ route('services.index') }}" class="btn btn-secondary">
                        Cancel
                    </a>
                </div>
            </form>
        </div>
    </section>
</div>
@endsection