@extends('layouts.admin')
@section('title')
    Notificări
@endsection
@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.setting.notifications') }}
@endsection
@section('content')
    <div class="tab-index">
        <ul class="nav nav-tabs custom-tabs">
            <li class="nav-item">
                <a class="nav-link @if($activeSmallTab === 'email' ) active @endif" aria-current="page"
                   href="{{route('admin.setting.notifications')}}">Email</a>
            </li>
            <li class="nav-item">
                <a class="nav-link @if($activeSmallTab === 'push' ) active @endif"
                   href="{{ route('admin.setting.notifications.push')}}">Push</a>
            </li>
        </ul>
    </div>
    <div>
    </div>

    <form method="POST" action="{{ route('admin.setting.notifications.push') }}">
        @csrf
        <div class="card">
            <div class="card-body">
                <div class="card-header">
                    <div class="text-left m-10">
                        <h1>Alegeți toate notificările push pe care doriți să le primiți</h1>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="fastdocuments" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->fastdocuments ? 'checked' : '' }}>
                            <label class="form-check-label">Adăugarea unor documente rapide din administrare</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="interndocuments" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->interndocuments ? 'checked' : '' }}>
                            <label class="form-check-label">Adăugarea unor documente interne / intrare / ieșire din
                                administrare</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="applicationurbancertificate" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->applicationurbancertificate ? 'checked' : '' }}>
                            <label class="form-check-label">Cerere Certificat de urbanism</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="applicationconstructionpermit" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->applicationconstructionpermit ? 'checked' : '' }}>
                            <label class="form-check-label">Cerere Autorizație de construcție</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="application_street_nomenclature_certificate" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->application_street_nomenclature_certificate ? 'checked' : '' }}>
                            <label class="form-check-label">Cerere Certificat de nomenclatură stradală</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="urban_certificate" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->urban_certificate ? 'checked' : '' }}>
                            <label class="form-check-label">Certificat de urbanism</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="street_nomenclature_certificate" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->street_nomenclature_certificate ? 'checked' : '' }}>
                            <label class="form-check-label">Certificat de nomenclatură stradală</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="building_removal_permits" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->building_removal_permits ? 'checked' : '' }}>
                            <label class="form-check-label">Autorizații de construire / desființare</label>
                        </div>
                        </div>
                        <div class="col-md-6">
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="events_calendar" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->events_calendar ? 'checked' : '' }}>
                            <label class="form-check-label">Calendar Evenimente</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="certificate" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->certificate ? 'checked' : '' }}>
                            <label class="form-check-label">Adeverințe</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="authorization_notices" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->authorization_notices ? 'checked' : '' }}>
                            <label class="form-check-label">Avize / Autorizări</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="contravention_certificate" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->contravention_certificate ? 'checked' : '' }}>
                            <label class="form-check-label">Proces verbal de constatare / contravenție</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="petitions" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->petitions ? 'checked' : '' }}>
                            <label class="form-check-label">Petiții</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="problems" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->problems ? 'checked' : '' }}>
                            <label class="form-check-label">Sesizări</label>
                        </div>
                        <div class="form-check m-10">
                            <input type="checkbox" class="form-check-input"
                                   name="online_appointments" {{ auth()->user()->notificationsPreferencePush && auth()->user()->notificationsPreferencePush->online_appointments ? 'checked' : '' }}>
                            <label class="form-check-label">Programări online</label>
                        </div>
                        </div>
                    </div>
                    <div class="text-right m-10">
                        <button type="submit" class="btn btn-primary">Salvează</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection
<style>
    .custom-tabs .nav-link {
        color: #007bff;
        font-weight: bold;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;
        border: 1px solid transparent;
        margin-bottom: -1px; /* Prevents small gap below active tab */
    }

    .custom-tabs .nav-link:hover {
        background-color: #f8f9fa;
        color: #0056b3;
    }

    .custom-tabs .nav-link.active {
        background-color: #e9ecef;
        color: #343a40;
        border-top: 3px solid #343a40;
        border-left: 2px solid #343a40;
        border-right: 2px solid #343a40;
        border-bottom: none;
        border-radius: 5px 5px 0 0;
    }
</style>