@extends('panel.master')
@section('title', 'انبارها')
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-12">
                    <h1 class="text-center text-primary mb-4">سیستم مدیریت انبار</h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <!-- قفسه به قفسه -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/scan-cartonghafase" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-primary">
                            <i class="fas fa-exchange-alt"></i>
                            <h3>قفسه به قفسه</h3>
                        </div>
                    </a>
                </div>

                <!-- اول دوره -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/panel/scan/carton-scanavaldore" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-success">
                            <i class="fas fa-clipboard-check"></i>
                            <h3>اول دوره</h3>
                        </div>
                    </a>
                </div>

                <!-- انتقال پالت -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/panel/scan/carton-scanpaletbeanbar" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-info">
                            <i class="fas fa-pallet"></i>
                            <h3>انتقال پالت</h3>
                        </div>
                    </a>
                </div>

                <!-- ثبت ضایعات -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/panel/scan/carton-scanzayeat" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-warning">
                            <i class="fas fa-trash-alt"></i>
                            <h3>ثبت ضایعات</h3>
                        </div>
                    </a>
                </div>

                <!-- موجودی قفسه ها -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/panel/wms/ghafasenmojudi_veiw" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-danger">
                            <i class="fas fa-boxes"></i>
                            <h3>موجودی قفسه‌ها</h3>
                        </div>
                    </a>
                </div>

                <!-- جستجو -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/panel/wms/logs_view" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-secondary">
                            <i class="fas fa-search"></i>
                            <h3>جستجو</h3>
                        </div>
                    </a>
                </div>

                <!-- قفسه ها -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4">
                    <a href="/shelves_veiw" class="warehouse-card-link">
                        <div class="warehouse-card bg-gradient-dark">
                            <i class="fas fa-warehouse"></i>
                            <h3>قفسه‌ها</h3>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection

@section('extraCss')
<style>
    /* طرح کلی */
    body {
        background-color: #f8f9fa;
    }
    
    /* لینک کارت‌ها */
    .warehouse-card-link {
        display: block;
        text-decoration: none;
        color: inherit;
    }
    
    /* کارت‌های انبار */
    .warehouse-card {
        position: relative;
        border-radius: 15px;
        padding: 30px 15px;
        text-align: center;
        color: white;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        height: 100%;
        overflow: hidden;
    }
    
    .warehouse-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }
    
    .warehouse-card i {
        font-size: 2.5rem;
        margin-bottom: 15px;
        display: block;
    }
    
    .warehouse-card h3 {
        font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 0;
    }
    
    /* گرادیانت‌های رنگی */
    .bg-gradient-primary {
        background: linear-gradient(135deg, #6777ef 0%, #64B5F6 100%);
    }
    
    .bg-gradient-success {
        background: linear-gradient(135deg, #47c363 0%, #66BB6A 100%);
    }
    
    .bg-gradient-info {
        background: linear-gradient(135deg, #3abaf4 0%, #42A5F5 100%);
    }
    
    .bg-gradient-warning {
        background: linear-gradient(135deg, #ffa426 0%, #FFA726 100%);
    }
    
    .bg-gradient-danger {
        background: linear-gradient(135deg, #fc544b 0%, #EF5350 100%);
    }
    
    .bg-gradient-secondary {
        background: linear-gradient(135deg, #868e96 0%, #78909C 100%);
    }
    
    .bg-gradient-dark {
        background: linear-gradient(135deg, #343a40 0%, #455A64 100%);
    }
    
    /* رسپانسیو برای موبایل */
    @media (max-width: 576px) {
        .warehouse-card {
            padding: 25px 10px;
        }
        
        .warehouse-card i {
            font-size: 2rem;
        }
        
        .warehouse-card h3 {
            font-size: 1.1rem;
        }
    }
</style>
@endsection

@section('extrajs')
<script>
    $(document).ready(function() {
       
      
        // افکت هنگام لمس در موبایل
        $('.warehouse-card').on('touchstart', function() {
            $(this).css('transform', 'scale(0.95)');
        });
        
        $('.warehouse-card').on('touchend', function() {
            $(this).css('transform', 'scale(1)');
        });
        
        // هایلایت منوی فعال
        $('#p-wms').addClass('menu-open');
        $('#p-wms a.nav-link').first().addClass('active');
         $('#p-bazargani').addClass('menu-open');
        $('#p-bazargani a.nav-link').first().addClass('active');
         $('#p-anbardari').addClass('menu-open');
        $('#p-anbardari a.nav-link').first().addClass('active');
         $('#p-etela').addClass('menu-open');
        $('#p-etela a.nav-link').first().addClass('active');
    });
</script>
@endsection