@extends('admin.layout.app')

@section('title', $pageTitle . ' | LVT')

@section('content')
    <div class="container-fluid">
        <div class="card  mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">{{ $pageTitle }}</h6>
                <a href="{{ route('admin.announcements.index') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left mr-1"></i> Quay lại
                </a>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.announcements.store') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label class="font-weight-bold">Tiêu đề <span class="text-danger">*</span></label>
                                <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                                    value="{{ old('title') }}" required>
                                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold">Nội dung <span class="text-danger">*</span></label>
                                <textarea name="content" rows="10"
                                    class="form-control @error('content') is-invalid @enderror"
                                    required>{{ old('content') }}</textarea>
                                @error('content')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="font-weight-bold">Loại thông báo</label>
                                <select name="type" class="form-control">
                                    <option value="info" {{ old('type') == 'info' ? 'selected' : '' }}>Thông tin (Blue)
                                    </option>
                                    <option value="success" {{ old('type') == 'success' ? 'selected' : '' }}>Thành công
                                        (Green)</option>
                                    <option value="warning" {{ old('type') == 'warning' ? 'selected' : '' }}>Cảnh báo (Yellow)
                                    </option>
                                    <option value="danger" {{ old('type') == 'danger' ? 'selected' : '' }}>Khẩn cấp (Red)
                                    </option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold">Đối tượng nhận</label>
                                <select name="tenant_id" class="form-control">
                                    <option value="">🌐 Tất cả Subdomain</option>
                                    @foreach($tenants as $tenant)
                                        <option value="{{ $tenant->id }}" {{ old('tenant_id') == $tenant->id ? 'selected' : '' }}>
                                            {{ $tenant->subdomain }} - {{ $tenant->tenant_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold">Thời gian bắt đầu</label>
                                <input type="datetime-local" name="start_at" class="form-control"
                                    value="{{ old('start_at') }}">
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold">Thời gian kết thúc</label>
                                <input type="datetime-local" name="end_at" class="form-control" value="{{ old('end_at') }}">
                            </div>

                            <div class="form-group mt-4">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" name="is_active" class="custom-control-input" id="isActiveSwitch"
                                        checked>
                                    <label class="custom-control-label font-weight-bold" for="isActiveSwitch">Kích hoạt
                                        thông báo</label>
                                </div>
                            </div>

                            <hr>
                            <button type="submit" class="btn btn-primary btn-block">
                                <i class="fas fa-save mr-1"></i> Lưu thông báo
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection