@extends('layout.mainlayout')

@section('content')
<div class="page-wrapper cardhead">
    <div class="content container-fluid">
        @component('components.breadcrumb')
            @slot('title') Notification Recipient Settings @endslot
        @endcomponent

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ $featureLabel }}</h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('notification-recipient-settings.update') }}" class="row g-3">
                    @csrf
                    <input type="hidden" name="feature_key" value="{{ $featureKey }}">

                    <div class="col-md-3">
                        <label class="form-label">Enabled</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="enabled" value="1" {{ old('enabled', $setting->enabled) ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">Departments</label>
                        <select name="department_ids[]" class="form-control select2" multiple>
                            @foreach($departments as $department)
                                <option value="{{ $department->id }}" {{ in_array((string) $department->id, array_map('strval', old('department_ids', (array) $setting->department_ids))) ? 'selected' : '' }}>
                                    {{ $department->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">Designations</label>
                        <select name="designation_ids[]" class="form-control select2" multiple>
                            @foreach($designations as $designation)
                                <option value="{{ $designation->id }}" {{ in_array((string) $designation->id, array_map('strval', old('designation_ids', (array) $setting->designation_ids))) ? 'selected' : '' }}>
                                    {{ $designation->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">Individual Users</label>
                        <select name="user_ids[]" class="form-control select2" multiple>
                            @foreach($users as $user)
                                <option value="{{ $user->id }}" {{ in_array((string) $user->id, array_map('strval', old('user_ids', (array) $setting->user_ids))) ? 'selected' : '' }}>
                                    {{ $user->name }}{{ $user->email ? ' (' . $user->email . ')' : '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">Manual Email Addresses</label>
                        <textarea name="email_addresses_text" class="form-control" rows="4" placeholder="one@example.com, two@example.com">{{ old('email_addresses_text', implode("\n", (array) $setting->email_addresses)) }}</textarea>
                        <small class="text-muted">Use comma, space, or newline separated emails.</small>
                    </div>

                    <div class="col-md-12 text-end">
                        <button type="submit" class="btn btn-primary">Save Settings</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ URL::asset('build/plugins/select2/css/select2.min.css') }}">
@endpush

@push('scripts')
    <script src="{{ URL::asset('build/plugins/select2/js/select2.min.js') }}"></script>
    <script>
        $(function () {
            $('.select2').select2({
                width: '100%'
            });
        });
    </script>
@endpush