<ol class="breadcrumb">
    <li><a href="accSetupController.php">نظام المحاسبة</a></li>
    <li class="active">الإعداد الأولى</li>
</ol>

{if $already_initialized}
<!-- Already initialized - show status dashboard -->
<div class="row">
    <div class="col-lg-12">
        <div class="acc-setup-header text-center">
            <span class="glyphicon glyphicon-ok-circle" style="font-size:60px;color:#27ae60;"></span>
            <h2 style="margin-top:15px;color:#2c3e50;">تم إعداد نظام المحاسبة بنجاح</h2>
            <p style="color:#7f8c8d;font-size:16px;">النظام جاهز للاستخدام</p>
        </div>
    </div>
</div>

<div class="row" style="margin-top:20px;">
    <div class="col-lg-4">
        <div class="acc-stat-card" style="border-right:4px solid #3498db;">
            <div class="acc-stat-icon" style="color:#3498db;"><span class="glyphicon glyphicon-list-alt"></span></div>
            <div class="acc-stat-info">
                <h3>{$accountCount}</h3>
                <p>حساب فى دليل الحسابات</p>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="acc-stat-card" style="border-right:4px solid #2ecc71;">
            <div class="acc-stat-icon" style="color:#2ecc71;"><span class="glyphicon glyphicon-book"></span></div>
            <div class="acc-stat-info">
                <h3>{$journalCount}</h3>
                <p>قيد يومية</p>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="acc-stat-card" style="border-right:4px solid #e67e22;">
            <div class="acc-stat-icon" style="color:#e67e22;"><span class="glyphicon glyphicon-calendar"></span></div>
            <div class="acc-stat-info">
                <h3>{if $fyData}{$fyData.name}{else}--{/if}</h3>
                <p>السنة المالية الحالية</p>
            </div>
        </div>
    </div>
</div>

<div class="row" style="margin-top:20px;">
    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel-heading"><h3 class="panel-title"><span class="glyphicon glyphicon-th-large"></span> روابط سريعة</h3></div>
            <div class="panel-body">
                <div class="list-group">
                    <a href="accAccountController.php" class="list-group-item"><span class="glyphicon glyphicon-list-alt" style="margin-left:8px;"></span> دليل الحسابات</a>
                    <a href="accJournalController.php" class="list-group-item"><span class="glyphicon glyphicon-book" style="margin-left:8px;"></span> القيود اليومية</a>
                    <a href="accTrialbalanceReportController.php" class="list-group-item"><span class="glyphicon glyphicon-stats" style="margin-left:8px;"></span> ميزان المراجعة</a>
                    <a href="accIncomeReportController.php" class="list-group-item"><span class="glyphicon glyphicon-usd" style="margin-left:8px;"></span> قائمة الدخل</a>
                    <a href="accBalancesheetReportController.php" class="list-group-item"><span class="glyphicon glyphicon-briefcase" style="margin-left:8px;"></span> الميزانية العمومية</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="panel panel-warning" style="margin-bottom:20px;">
            <div class="panel-heading"><h3 class="panel-title"><span class="glyphicon glyphicon-erase"></span> مسح قوالب دليل الحسابات</h3></div>
            <div class="panel-body">
                <div class="alert alert-warning" style="margin-bottom:15px;">
                    <strong>تنبيه!</strong> سيتم حذف جميع بيانات نظام المحاسبة (دليل الحسابات، القوالب، القيود، الأرصدة، الموازنات، مراكز التكلفة، السنوات المالية، الإعدادات) نهائياً ولا يمكن التراجع. ستحتاج لإعادة تشغيل ملف SQL لاستعادة القوالب.
                </div>

                {if $clearTemplateError}
                <div class="alert alert-danger">
                    <span class="glyphicon glyphicon-remove-circle"></span> كلمة المرور غير صحيحة!
                </div>
                {/if}

                <button type="button" class="btn btn-warning" id="btnShowClearTemplates">
                    <span class="glyphicon glyphicon-erase"></span> مسح القوالب
                </button>

                <div id="clearTemplatesForm" style="display:none;margin-top:15px;">
                    <form action="accSetupController.php?do=clearTemplates" method="post">
                        <div class="form-group">
                            <label>أدخل كلمة المرور للمتابعة:</label>
                            <input type="password" name="clear_password" class="form-control" style="max-width:300px;" placeholder="كلمة المرور" required>
                        </div>
                        <button type="submit" class="btn btn-warning" onclick="return confirm('هل أنت متأكد؟ سيتم حذف جميع بيانات نظام المحاسبة نهائياً!');">
                            <span class="glyphicon glyphicon-trash"></span> تأكيد مسح القوالب
                        </button>
                        <button type="button" class="btn btn-default" id="btnCancelClearTemplates">إلغاء</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="panel panel-danger">
            <div class="panel-heading"><h3 class="panel-title"><span class="glyphicon glyphicon-warning-sign"></span> إعادة تهيئة النظام</h3></div>
            <div class="panel-body">
                <div class="alert alert-danger" style="margin-bottom:15px;">
                    <strong>تحذير!</strong> إعادة التهيئة ستحذف جميع البيانات المحاسبية (دليل الحسابات، القيود، الأرصدة، الموازنات) نهائياً ولا يمكن التراجع عنها.
                </div>

                {if $resetError}
                <div class="alert alert-warning">
                    <span class="glyphicon glyphicon-remove-circle"></span> كلمة المرور غير صحيحة!
                </div>
                {/if}

                <button type="button" class="btn btn-danger" id="btnShowReset">
                    <span class="glyphicon glyphicon-refresh"></span> إعادة تهيئة النظام
                </button>

                <div id="resetForm" style="display:none;margin-top:15px;">
                    <form action="accSetupController.php?do=resetModule" method="post">
                        <div class="form-group">
                            <label>أدخل كلمة المرور للمتابعة:</label>
                            <input type="password" name="reset_password" class="form-control" style="max-width:300px;" placeholder="كلمة المرور" required>
                        </div>
                        <button type="submit" class="btn btn-danger" onclick="return confirm('هل أنت متأكد؟ سيتم حذف جميع البيانات المحاسبية نهائياً!');">
                            <span class="glyphicon glyphicon-trash"></span> تأكيد الحذف وإعادة التهيئة
                        </button>
                        <button type="button" class="btn btn-default" id="btnCancelReset">إلغاء</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

{else}
<!-- Not initialized - show setup wizard -->
<div class="row">
    <div class="col-lg-8 col-lg-offset-2">
        <div class="acc-setup-header text-center" style="margin-bottom:30px;">
            <span class="glyphicon glyphicon-cog" style="font-size:60px;color:#3498db;"></span>
            <h2 style="margin-top:15px;color:#2c3e50;">مرحباً بك فى نظام المحاسبة</h2>
            <p style="color:#7f8c8d;font-size:16px;">اتبع الخطوات التالية لإعداد النظام</p>
        </div>

        <form action="accSetupController.php?do=initModule" method="post">

            <!-- Step 1: Template -->
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="acc-step-badge">1</span>
                        اختيار قالب دليل الحسابات
                    </h3>
                </div>
                <div class="panel-body">
                    <p style="color:#7f8c8d;margin-bottom:15px;">اختر قالب جاهز يناسب نشاطك أو ابدأ بدليل حسابات فارغ</p>
                    <div class="row">
                        <div class="col-lg-3 col-md-6">
                            <label class="acc-template-card">
                                <input type="radio" name="template_type" value="empty" checked>
                                <div class="acc-template-inner">
                                    <span class="glyphicon glyphicon-file" style="font-size:30px;color:#95a5a6;"></span>
                                    <h4>فارغ</h4>
                                    <small>ابدأ من الصفر</small>
                                </div>
                            </label>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <label class="acc-template-card">
                                <input type="radio" name="template_type" value="commercial">
                                <div class="acc-template-inner">
                                    <span class="glyphicon glyphicon-shopping-cart" style="font-size:30px;color:#3498db;"></span>
                                    <h4>تجارى</h4>
                                    <small>نشاط تجارى</small>
                                </div>
                            </label>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <label class="acc-template-card">
                                <input type="radio" name="template_type" value="factory">
                                <div class="acc-template-inner">
                                    <span class="glyphicon glyphicon-wrench" style="font-size:30px;color:#e67e22;"></span>
                                    <h4>صناعى</h4>
                                    <small>نشاط صناعى</small>
                                </div>
                            </label>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <label class="acc-template-card">
                                <input type="radio" name="template_type" value="service">
                                <div class="acc-template-inner">
                                    <span class="glyphicon glyphicon-briefcase" style="font-size:30px;color:#2ecc71;"></span>
                                    <h4>خدمى</h4>
                                    <small>نشاط خدمى</small>
                                </div>
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Step 2: Fiscal Year -->
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="acc-step-badge">2</span>
                        إعداد السنة المالية
                    </h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label>اسم السنة المالية</label>
                                <input type="text" name="fiscal_year_name" class="form-control" placeholder="مثال: 2026" required>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label>تاريخ البداية</label>
                                <input type="text" name="start_date" class="form-control datepicker" placeholder="YYYY-MM-DD" required>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label>تاريخ النهاية</label>
                                <input type="text" name="end_date" class="form-control datepicker" placeholder="YYYY-MM-DD" required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Submit -->
            <div class="text-center" style="margin-top:20px;">
                <button type="submit" class="btn btn-primary btn-lg" style="padding:12px 50px;font-size:18px;">
                    <span class="glyphicon glyphicon-play"></span> بدء الإعداد
                </button>
            </div>

        </form>

        <!-- Clear Templates (wizard page) -->
        <div class="panel panel-warning" style="margin-top:25px;">
            <div class="panel-heading"><h3 class="panel-title"><span class="glyphicon glyphicon-erase"></span> مسح قوالب دليل الحسابات</h3></div>
            <div class="panel-body">
                <div class="alert alert-warning" style="margin-bottom:15px;">
                    <strong>تنبيه!</strong> سيتم حذف جميع بيانات نظام المحاسبة (دليل الحسابات، القوالب، القيود، الأرصدة، الموازنات، مراكز التكلفة، السنوات المالية، الإعدادات) نهائياً ولا يمكن التراجع. ستحتاج لإعادة تشغيل ملف SQL لاستعادة القوالب.
                </div>

                {if $clearTemplateError}
                <div class="alert alert-danger">
                    <span class="glyphicon glyphicon-remove-circle"></span> كلمة المرور غير صحيحة!
                </div>
                {/if}

                <button type="button" class="btn btn-warning" id="btnShowClearTemplatesWizard">
                    <span class="glyphicon glyphicon-erase"></span> مسح القوالب
                </button>

                <div id="clearTemplatesFormWizard" style="display:none;margin-top:15px;">
                    <form action="accSetupController.php?do=clearTemplates" method="post">
                        <div class="form-group">
                            <label>أدخل كلمة المرور للمتابعة:</label>
                            <input type="password" name="clear_password" class="form-control" style="max-width:300px;" placeholder="كلمة المرور" required>
                        </div>
                        <button type="submit" class="btn btn-warning" onclick="return confirm('هل أنت متأكد؟ سيتم حذف جميع بيانات نظام المحاسبة نهائياً!');">
                            <span class="glyphicon glyphicon-trash"></span> تأكيد مسح القوالب
                        </button>
                        <button type="button" class="btn btn-default" id="btnCancelClearTemplatesWizard">إلغاء</button>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
{/if}

{literal}
<script>
$(document).ready(function(){
    $('#btnShowReset').click(function(){ $(this).hide(); $('#resetForm').slideDown(200); });
    $('#btnCancelReset').click(function(){ $('#resetForm').slideUp(200); $('#btnShowReset').show(); });
    $('#btnShowClearTemplates').click(function(){ $(this).hide(); $('#clearTemplatesForm').slideDown(200); });
    $('#btnCancelClearTemplates').click(function(){ $('#clearTemplatesForm').slideUp(200); $('#btnShowClearTemplates').show(); });
    $('#btnShowClearTemplatesWizard').click(function(){ $(this).hide(); $('#clearTemplatesFormWizard').slideDown(200); });
    $('#btnCancelClearTemplatesWizard').click(function(){ $('#clearTemplatesFormWizard').slideUp(200); $('#btnShowClearTemplatesWizard').show(); });
});
</script>
{/literal}

{literal}
<style>
    .acc-setup-header { padding: 30px 0; }
    .acc-stat-card {
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        padding: 20px;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .acc-stat-icon { font-size: 40px; margin-left: 20px; }
    .acc-stat-info h3 { margin: 0; font-size: 28px; font-weight: 700; color: #2c3e50; }
    .acc-stat-info p { margin: 5px 0 0; color: #7f8c8d; font-size: 14px; }

    .acc-step-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        margin-left: 8px;
        font-weight: bold;
    }

    .acc-template-card {
        display: block;
        cursor: pointer;
        margin-bottom: 10px;
    }
    .acc-template-card input[type=radio] { display: none; }
    .acc-template-inner {
        text-align: center;
        padding: 20px 10px;
        border: 2px solid #e8e8e8;
        border-radius: 10px;
        transition: all 0.2s;
        background: #fff;
    }
    .acc-template-inner h4 { margin: 10px 0 5px; font-weight: 700; color: #2c3e50; }
    .acc-template-inner small { color: #95a5a6; }
    .acc-template-card input[type=radio]:checked + .acc-template-inner {
        border-color: #3498db;
        background: #ebf5fb;
        box-shadow: 0 0 0 3px rgba(52,152,219,0.2);
    }
    .acc-template-card:hover .acc-template-inner {
        border-color: #bdc3c7;
    }

    .list-group-item { font-size: 15px; }
    .list-group-item .glyphicon { font-size: 16px; }
</style>
{/literal}
