@extends('admin.layouts.master')

@section('title', 'إضافة حركة مخزنية')

@section('css')
<style>
    .movement-create-hero {
        background: linear-gradient(135deg, #0f172a 0%, #14532d 100%);
        border-radius: 22px;
        padding: 1.8rem;
        color: #fff;
    }
    .route-card,
    .tip-card {
        border: 0;
        border-radius: 20px;
        box-shadow: 0 14px 35px rgba(15, 23, 42, .06);
    }
    .route-icon {
        width: 54px;
        height: 54px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }
</style>
@endsection

@section('content')
<div class="pc-container">
    <div class="pc-content">
        <div class="movement-create-hero mb-4 d-flex flex-wrap justify-content-between align-items-center gap-3">
            <div>
                <div class="small opacity-75 mb-1">إضافة الحركة من المصدر الصحيح</div>
                <h3 class="mb-2 text-white">مركز إنشاء الحركة المخزنية</h3>
                <p class="mb-0 opacity-75">في سوق الأكريليك والبولي كاربونيت، أفضل ممارسة احترافية هي أن تُنشأ الحركة من مستندها الأصلي لضمان دقة المخزون والتكلفة والمراجعة.</p>
            </div>
            <a href="{{ route('admin.inventory.movements.index') }}" class="btn btn-light fw-bold">
                <i class="ti ti-arrow-right me-1"></i>العودة لسجل الحركات
            </a>
        </div>

        <div class="row g-4 mb-4">
            <div class="col-md-6 col-xl-3">
                <div class="card route-card h-100">
                    <div class="card-body p-4">
                        <span class="route-icon bg-success-subtle text-success mb-3"><i class="ti ti-truck-delivery"></i></span>
                        <h5 class="mb-2">وارد شراء</h5>
                        <p class="text-muted mb-3">لإدخال ألواح جديدة للمخزن مع التكلفة والمورد والمرجع الشرائي.</p>
                        <div class="small text-muted mb-3">آخر 30 يوم: <strong>{{ number_format($summary['purchase_in']) }}</strong> حركة</div>
                        @can('purchase_invoices.create')
                            <a href="{{ route('admin.purchase_invoices.create') }}" class="btn btn-success w-100">إنشاء فاتورة شراء</a>
                        @else
                            <button class="btn btn-light w-100" type="button" disabled>لا توجد صلاحية إنشاء</button>
                        @endcan
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-3">
                <div class="card route-card h-100">
                    <div class="card-body p-4">
                        <span class="route-icon bg-danger-subtle text-danger mb-3"><i class="ti ti-receipt-2"></i></span>
                        <h5 class="mb-2">صادر بيع</h5>
                        <p class="text-muted mb-3">لخصم الألواح المباعة تلقائيًا وربطها بالعميل والفاتورة وسعر البيع.</p>
                        <div class="small text-muted mb-3">آخر 30 يوم: <strong>{{ number_format($summary['sale_out']) }}</strong> حركة</div>
                        @can('sales_invoices.create')
                            <a href="{{ route('admin.sales_invoices.create') }}" class="btn btn-danger w-100">إنشاء فاتورة بيع</a>
                        @else
                            <button class="btn btn-light w-100" type="button" disabled>لا توجد صلاحية إنشاء</button>
                        @endcan
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-3">
                <div class="card route-card h-100">
                    <div class="card-body p-4">
                        <span class="route-icon bg-primary-subtle text-primary mb-3"><i class="ti ti-adjustments"></i></span>
                        <h5 class="mb-2">تسوية جرد</h5>
                        <p class="text-muted mb-3">لعلاج فروق الجرد أو الكسر أو الهالك أو أي مراجعة دورية بصورة موثقة.</p>
                        <div class="small text-muted mb-3">آخر 30 يوم: <strong>{{ number_format($summary['adjustments']) }}</strong> حركة</div>
                        @can('stock_adjustments.create')
                            <a href="{{ route('admin.inventory.adjustments.create') }}" class="btn btn-primary w-100">إنشاء تسوية جرد</a>
                        @else
                            <button class="btn btn-light w-100" type="button" disabled>لا توجد صلاحية إنشاء</button>
                        @endcan
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-3">
                <div class="card route-card h-100">
                    <div class="card-body p-4">
                        <span class="route-icon bg-warning-subtle text-warning mb-3"><i class="ti ti-truck"></i></span>
                        <h5 class="mb-2">تجهيز / شحن</h5>
                        <p class="text-muted mb-3">لمتابعة الصنف أثناء التجهيز أو التسليم وربطه بأوامر التشغيل والشحن.</p>
                        <div class="small text-muted mb-3">آخر 30 يوم: <strong>{{ number_format($summary['shipments']) }}</strong> حركة</div>
                        <div class="d-grid gap-2">
                            @can('order_preparations.create')
                                <a href="{{ route('admin.order_preparations.create') }}" class="btn btn-warning text-dark">أمر تجهيز</a>
                            @endcan
                            @can('shipments.create')
                                <a href="{{ route('admin.shipments.create') }}" class="btn btn-outline-warning">إضافة شحنة</a>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-7">
                <div class="card tip-card h-100">
                    <div class="card-body p-4">
                        <h5 class="mb-3">لماذا لا ننشئ الحركة يدويًا مباشرة؟</h5>
                        <div class="d-flex flex-column gap-3 text-muted">
                            <div><i class="ti ti-check text-success me-1"></i>لضمان أن المخزون مرتبط دائمًا بمستند واضح: شراء، بيع، تسوية، أو شحنة.</div>
                            <div><i class="ti ti-check text-success me-1"></i>للحفاظ على دقة تكلفة اللوح، خاصة مع اختلاف السماكات والمقاسات والألوان.</div>
                            <div><i class="ti ti-check text-success me-1"></i>لتسهيل المراجعة أمام العميل أو الإدارة أو المحاسب بدون أي حركة مجهولة المصدر.</div>
                            <div><i class="ti ti-check text-success me-1"></i>لأن أي حركة تظهر لاحقًا في <strong>كارت الصنف</strong> و<strong>سجل الحركات</strong> بشكل موحد واحترافي.</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="card tip-card h-100">
                    <div class="card-body p-4">
                        <h5 class="mb-3">أفضل مسار عملي</h5>
                        <ol class="mb-0 text-muted d-flex flex-column gap-2">
                            <li>حدد نوع العملية: شراء، بيع، تسوية، أو شحن.</li>
                            <li>أدخل الصنف بمواصفاته الدقيقة: خامة، سمك، مقاس، ولون.</li>
                            <li>اعتمد المستند ليتم تسجيل الحركة في المخزون تلقائيًا.</li>
                            <li>راجع النتيجة فورًا من <strong>سجل الحركات</strong> أو <strong>كارت الصنف</strong>.</li>
                        </ol>
                        <hr>
                        <a href="{{ route('admin.inventory.movements.index') }}" class="btn btn-outline-primary w-100">فتح لوحة الحركات الآن</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection