/* tamayuzCore Simplified Course Creation & Reporting Forms */

/* ======================
   COURSE CREATION SIMPLIFICATION
   ====================== */

/* Hide advanced settings section */
#advanced_params_options,
.advanced-params,
button[name="advanced_params"] {
    display: none !important;
}

/* Course code field - KEPT for tamayuzCore */
#visual_code,
#wanted_code {
    width: 100%;
}

/* Style course code field */
label[for="visual_code"],
label[for="wanted_code"] {
    font-weight: 600;
    color: #495057;
}

/* Hide language selector - use platform default */
#course_language,
label[for="course_language"],
.form-group:has(#course_language) {
    display: none !important;
}

/* Hide exemplary content checkbox */
input[name="exemplary_content"],
label[for="exemplary_content"],
.form-group:has(input[name="exemplary_content"]) {
    display: none !important;
}

/* Teacher assignment field - Admin only (auto-assigned for teachers) */
select[name="course_teachers"],
#course_teachers {
    width: 100%;
    padding: 12px;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.3s ease;
}

select[name="course_teachers"]:focus,
#course_teachers:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* Style teacher assignment label */
label[for="course_teachers"] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
    display: block;
}

/* Make teacher select visible for admins */
.form-group:has(select[name="course_teachers"]) {
    display: block !important;
}

/* Hide tutor_name (hidden field for teachers - auto-assigned) */
input[name="tutor_name"],
#tutor_name {
    display: none !important;
}

/* Hide disk quota */
#disk_quota,
label[for="disk_quota"],
.form-group:has(#disk_quota) {
    display: none !important;
}

/* Hide grade model selection */
select[name="gradebook_model_id"],
label[for="gradebook_model_id"],
.form-group:has(select[name="gradebook_model_id"]) {
    display: none !important;
}

/* Hide course template selection */
select[name="course_template"],
label[for="course_template"],
.form-group:has(select[name="course_template"]) {
    display: none !important;
}

/* Hide subscribe/unsubscribe radios - use defaults */
input[name="subscribe"],
input[name="unsubscribe"],
.form-group:has(input[name="subscribe"]),
.form-group:has(input[name="unsubscribe"]) {
    display: none !important;
}

/* Hide course validation fields */
textarea[name="objetives"],
textarea[name="target_audience"],
label[for="objetives"],
label[for="target_audience"],
.form-group:has(textarea[name="objetives"]),
.form-group:has(textarea[name="target_audience"]) {
    display: none !important;
}

/* Course picture upload - ALWAYS visible in creation forms */
input[name="picture"],
input[type="file"][name="picture"],
input[name="email_picture"],
.picture-form,
#picture,
#email_picture {
    width: 100%;
    padding: 15px;
    border: 2px dashed #e1e8ed;
    border-radius: 8px;
    cursor: pointer;
    background: #f8f9fa;
    transition: all 0.3s ease;
    font-size: 14px;
}

input[name="picture"]:hover,
input[type="file"][name="picture"]:hover,
input[name="email_picture"]:hover {
    border-color: #667eea;
    background: #f0f3ff;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}

input[name="picture"]:focus,
input[type="file"][name="picture"]:focus,
input[name="email_picture"]:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

label[for="picture"],
label[for="email_picture"] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
    display: block;
}

/* Make picture fields ALWAYS visible in all forms */
.form-group:has(input[name="picture"]),
.form-group:has(input[name="email_picture"]),
.form-group:has(#picture),
.form-group:has(#email_picture),
.form-group:has(.picture-form) {
    display: block !important;
    margin-bottom: 20px !important;
}

/* Course picture preview */
.course-picture-preview,
img[src*="course-pic"],
img[src*="course-email-pic"] {
    max-width: 200px;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #e1e8ed;
}

/* Picture checkboxes */
input[name="delete_picture"],
input[name="delete_email_picture"] {
    width: auto;
    margin-left: 10px;
}

/* Style the file input with modern look */
.picture-form::file-selector-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.picture-form::file-selector-button:hover {
    opacity: 0.9;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Hide extra fields but keep essential ones */
.extrafield:not([data-field="picture"]):not([data-field="email_picture"]),
.extra_field:not([data-field="picture"]):not([data-field="email_picture"]):not([data-field="course_code"]):not([data-field="tutor"]) {
    display: none !important;
}

/* Simplify visibility options - keep only essential */
.form-group:has(input[name="visibility"]) label {
    font-weight: 500;
}

/* Simplify course creation form layout */
form[name="add_course"],
form[name="update_course"] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

form[name="add_course"] .form-group,
form[name="update_course"] .form-group {
    margin-bottom: 20px;
}

form[name="add_course"] input[type="text"],
form[name="add_course"] textarea,
form[name="add_course"] select,
form[name="update_course"] input[type="text"],
form[name="update_course"] textarea,
form[name="update_course"] select {
    width: 100%;
    padding: 12px;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.3s ease;
}

form[name="add_course"] input[type="text"]:focus,
form[name="add_course"] textarea:focus,
form[name="add_course"] select:focus,
form[name="update_course"] input[type="text"]:focus,
form[name="update_course"] textarea:focus,
form[name="update_course"] select:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

form[name="add_course"] button[type="submit"],
form[name="update_course"] button[type="submit"] {
    width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
}

form[name="add_course"] button[type="submit"]:hover,
form[name="update_course"] button[type="submit"]:hover {
    opacity: 0.9;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* ======================
   REPORTING SIMPLIFICATION
   ====================== */

/* Hide complex reporting menu items */
.item-teacher-time-report,
.item-stats-report,
a[href*="teacher_time_report"],
a[href*="company_reports"],
a[href*="teachers_time_by_session_report"],
a[href*="session_filter.php"],
a[href*="exams.php"],
a[href*="current_courses.php"] {
    display: none !important;
}

/* Hide complex admin statistics */
.item-stats:has(a[href*="statistics/index.php"]) {
    display: none !important;
}

/* Hide LDAP and sync tools from reporting */
a[href*="ldap"],
a[href*="synchro"],
.ldap-item,
.sync-item {
    display: none !important;
}

/* Hide certificate exports */
a[href*="export_certificates"],
.certificate-export {
    display: none !important;
}

/* Hide skills tracking */
a[href*="skills"],
a[href*="badge"],
.skills-item {
    display: none !important;
}

/* Simplify mySpace navigation */
#myspace-menu .btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#myspace-menu a {
    padding: 10px 16px;
    background: #f8f9fa;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    color: #495057;
    text-decoration: none;
    transition: all 0.3s ease;
}

#myspace-menu a:hover {
    background: #667eea;
    color: #ffffff;
    border-color: #667eea;
}

/* Simplify reporting tables */
.reporting-table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.reporting-table thead {
    background: #f8f9fa;
    border-bottom: 2px solid #e1e8ed;
}

.reporting-table th {
    padding: 12px 15px;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    color: #495057;
}

.reporting-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #f1f3f5;
    font-size: 14px;
}

.reporting-table tbody tr:hover {
    background: #f8f9fa;
}

/* Hide unnecessary admin menu items */
.item-event-type,
.item-field,
.item-cms,
.item-ldap,
.item-special-exports {
    display: none !important;
}

/* Simplify course list page */
.course-list-actions .btn-group .btn:not(.btn-primary):not(.btn-success):not(.btn-danger) {
    display: none;
}

/* Hide complex course settings */
.course-advanced-settings,
#course_extra_fields {
    display: none !important;
}

/* ======================
   GENERAL FORM IMPROVEMENTS
   ====================== */

/* Consistent label styling */
form label {
    font-weight: 500;
    color: #495057;
    margin-bottom: 8px;
    display: block;
}

/* Remove help text clutter */
.help-block,
.form-text {
    display: none !important;
}

/* Simplify form headers */
.form-header,
form header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    padding: 20px;
    border-radius: 8px 8px 0 0;
    margin: -20px -20px 20px -20px;
    font-size: 20px;
    font-weight: 600;
}

/* Responsive forms */
@media (max-width: 768px) {
    form[name="add_course"],
    form[name="update_course"] {
        max-width: 100%;
        padding: 15px;
    }
}

/* Hide progress indicators */
.form-progress,
.progress-indicator {
    display: none !important;
}

/* Simplify radio/checkbox groups */
.radio,
.checkbox {
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    font-weight: 400;
}

/* ======================
   ADMIN SIMPLIFICATION
   ====================== */

/* Hide complex admin menu sections */
.admin-block-ldap,
.admin-block-skills,
.admin-block-careers,
.admin-block-gradebook-templates,
.admin-block-specific-fields {
    display: none !important;
}

/* Simplify admin homepage */
.admin-section-title {
    font-size: 18px;
    font-weight: 600;
    color: #495057;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e1e8ed;
}

/* Clean admin grid */
.admin-block {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.admin-block a {
    display: block;
    padding: 10px 12px;
    color: #495057;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    margin-bottom: 5px;
}

.admin-block a:hover {
    background: #f8f9fa;
    color: #667eea;
}