@extends('admin.layouts.admin')

@section('title', 'Chỉnh sửa dịch vụ')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Chỉnh sửa dịch vụ</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.service.update', ['id' => $service->id]) }}" method="POST">
                        @csrf
                        <div class="form-floating mb-3">
                            <select name="platform_id" id="platform_id" class="form-select">
                                @foreach (\App\Models\ServicePlatform::where('domain', env('APP_MAIN_SITE'))->orderBy('order', 'asc')->get() as $platform)
                                    <option value="{{ $platform->id }}" @if (old('platform_id') == $platform->id) selected @endif>
                                        {{ $platform->name }}</option>
                                @endforeach
                            </select>
                            <label for="platform_id">Chọn nền tảng</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" name="package" id="package" class="form-control"
                                placeholder="Mã dịch vụ" value="{{ old('package') ?? $service->package }}">
                            <label for="name">Mã dịch vụ</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" name="name" id="name" class="form-control"
                                placeholder="Tên dịch vụ" value="{{ old('name') ?? $service->name }}">
                            <label for="name">Tên dịch vụ</label>
                        </div>
                         <div class="form-floating mb-3">
                            <input type="text" name="image" id="image" class="form-control"
                                placeholder="Tên dịch vụ" value="{{ old('image') ?? $service->image }}">
                            <label for="image">Icon dịch vụ</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" name="slug" id="slug" class="form-control" placeholder="Slug"
                                value="{{ old('slug') ?? $service->slug }}">
                            <label for="slug">Đường dẫn</label>
                        </div>
                        <div class="form-floating mb-3">
    <textarea name="note" id="note" class="form-control" placeholder="Ghi chú cho dịch vụ" style="height: 120px">{{ old('note') ?? $service->note }}</textarea>
    <label for="note">Ghi chú hiển thị cho khách (màu vàng - cảnh báo)</label>
</div>

<div class="form-floating mb-3">
    <textarea name="details" id="details" class="form-control" placeholder="Lưu ý nội bộ" style="height: 120px">{{ old('details') ?? $service->details }}</textarea>
    <label for="details">Lưu ý hiển thị cho khách (màu đỏ - quan trọng)</label>
</div>

 

                        <div class="form-floating mb-3">
                            <select name="status" id="status" class="form-select">
                                <option value="active" @if (old('status') == 'active' || $service->status == 'active') selected @endif>Hoạt
                                    động</option>
                                <option value="inactive" @if (old('status') == 'inactive' || $service->status == 'inactive') selected @endif>Không
                                    hoạt động</option>
                            </select>
                            <label for="status">Trạng thái</label>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary col-12">
                                <i class="fas fa-save"></i> Lưu
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection