@extends('admin.layout.master')
@section('title', 'Order Settings')

@push('style')
<style>
    .order-settings-card {
        border: none;
        border-radius: 10px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    .order-settings-card .card-header {
        background-color: #ffffff;
        border-bottom: 1px solid #f1f3f5;
        padding: 1rem 1.5rem;
    }
    .order-settings-card .card-title {
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 0;
    }
    .order-settings-table {
        margin-bottom: 0;
        border: 1px solid #e9ecef;
        border-collapse: separate;
        border-spacing: 0;
    }
    .order-settings-table th {
        background-color: #f8f9fa;
        color: #495057;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #dee2e6 !important;
        border-top: none;
        border-right: 1px solid #edf2f7;
        vertical-align: middle;
        padding: 14px 16px;
    }
    .order-settings-table th:last-child {
        border-right: none;
    }
    .order-settings-table td {
        vertical-align: middle;
        padding: 14px 16px;
        color: #333333;
        font-size: 14px;
        border-top: 1px solid #edf2f7;
        border-right: 1px solid #edf2f7;
    }
    .order-settings-table td:last-child {
        border-right: none;
    }
    .order-settings-table tbody tr:hover {
        background-color: #f8fafc;
        transition: background-color 0.2s ease;
    }
    .badge-soft-info {
        background-color: #e0f2fe;
        color: #0369a1;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 12px;
    }
    .badge-soft-success {
        background-color: #dcfce7;
        color: #15803d;
        font-weight: 500;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 12px;
    }
    .badge-soft-danger {
        background-color: #fee2e2;
        color: #b91c1c;
        font-weight: 500;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 12px;
    }
    .time-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background-color: #f1f5f9;
        color: #334155;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 500;
    }
    .btn-action {
        width: 32px;
        height: 32px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        transition: all 0.2s ease;
    }
    .btn-action:hover {
        transform: translateY(-1px);
    }
</style>
@endpush

@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
            <div class="card order-settings-card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h4 class="card-title">Order Settings</h4>
                            <small class="text-muted">Manage warehouse ordering schedules & restrictions</small>
                        </div>
                        <div>
                            <a href="{{ route('inventory.order-settings.create') }}" class="btn btn-primary btn-sm px-3 shadow-sm">
                                <i class="fa fa-plus mr-1"></i> Add Order Settings
                            </a>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show m-3" role="alert">
                            <i class="fa fa-check-circle mr-1"></i> {{ session('success') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if (session('error'))
                        <div class="alert alert-danger alert-dismissible fade show m-3" role="alert">
                            <i class="fa fa-exclamation-circle mr-1"></i> {{ session('error') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <div class="table-responsive">
                        <table class="table table-hover order-settings-table">
                            <thead>
                                <tr>
                                    <th style="width: 60px;">#</th>
                                    <th>Warehouse</th>
                                    <th>Off Days</th>
                                    <th>Order On Time</th>
                                    <th>Status</th>
                                    {{-- <th style="width: 110px;" class="text-center">Actions</th> --}}
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($warehouses as $warehouse)
                                    @php
                                        $offDays = $warehouse->order_settings->off_days ?? [];
                                        $orderOnTime = $warehouse->order_settings->order_on_time ?? [];
                                    @endphp
                                    <tr>
                                        <td class="font-weight-bold text-muted">{{ $loop->iteration + ($warehouses->currentPage() - 1) * 15 }}</td>
                                        <td>
                                            <span class="font-weight-bold text-dark">{{ $warehouse->name_eng }}</span>
                                        </td>
                                        <td>
                                            @if ($offDays)
                                                <span class="badge-soft-info">
                                                    <i class="fa fa-calendar-minus-o mr-1"></i>{{ count($offDays) }} days
                                                </span>
                                            @else
                                                <span class="text-muted small">None</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if (!empty($orderOnTime[0]) && !empty($orderOnTime[1]))
                                                <span class="time-chip">
                                                    <i class="fa fa-clock-o text-secondary"></i>
                                                    {{ $orderOnTime[0] }} &rarr; {{ $orderOnTime[1] }}
                                                </span>
                                            @else
                                                <span class="text-muted small">Not set</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($warehouse->status)
                                                <span class="badge-soft-success"><i class="fa fa-circle mr-1 small"></i>Active</span>
                                            @else
                                                <span class="badge-soft-danger"><i class="fa fa-circle mr-1 small"></i>Inactive</span>
                                            @endif
                                        </td>
                                        {{-- <td class="text-center">
                                            <a href="{{ route('inventory.order-settings.show', $warehouse->id) }}"
                                                class="btn btn-info btn-action" title="View Details">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                            <a href="{{ route('inventory.order-settings.edit', $warehouse->id) }}"
                                                class="btn btn-warning btn-action text-white" title="Edit Settings">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                        </td> --}}
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center py-4 text-muted">
                                            <i class="fa fa-folder-open-o fa-2x d-block mb-2 text-secondary"></i>
                                            No order settings found
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    @if($warehouses->hasPages())
                        <div class="d-flex justify-content-center py-3 border-top">
                            {{ $warehouses->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection