@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-900">Data Settings</h1>
        <p class="mt-1 text-sm text-gray-500">Manage your data retention and storage settings</p>
    </div>

    @if(session('success'))
        <div class="mb-6 bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg">
            {{ session('success') }}
        </div>
    @endif

    <!-- Storage Stats -->
    <div class="bg-white shadow rounded-lg p-6 mb-6">
        <h2 class="text-lg font-semibold text-gray-900 mb-4">Storage Usage</h2>
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
            <div class="bg-gray-50 rounded-lg p-4">
                <dt class="text-sm font-medium text-gray-500">Sales Records</dt>
                <dd class="mt-1 text-2xl font-semibold text-gray-900">{{ number_format($stats['raw_data']['sales_count']) }}</dd>
            </div>
            <div class="bg-gray-50 rounded-lg p-4">
                <dt class="text-sm font-medium text-gray-500">Shipping Labels</dt>
                <dd class="mt-1 text-2xl font-semibold text-gray-900">{{ number_format($stats['raw_data']['labels_count']) }}</dd>
            </div>
            <div class="bg-gray-50 rounded-lg p-4">
                <dt class="text-sm font-medium text-gray-500">Estimated Size</dt>
                <dd class="mt-1 text-2xl font-semibold text-gray-900">{{ $stats['raw_data']['estimated_size_mb'] }} MB</dd>
            </div>
            <div class="bg-gray-50 rounded-lg p-4">
                <dt class="text-sm font-medium text-gray-500">Daily Summaries</dt>
                <dd class="mt-1 text-2xl font-semibold text-green-600">{{ number_format($stats['summaries']['daily_count']) }}</dd>
            </div>
        </div>
        @if($stats['raw_data']['oldest_record'])
            <p class="mt-4 text-sm text-gray-500">
                Oldest record: {{ \Carbon\Carbon::parse($stats['raw_data']['oldest_record'])->diffForHumans() }}
            </p>
        @endif
    </div>

    <!-- Retention Settings -->
    <div class="bg-white shadow rounded-lg p-6 mb-6">
        <h2 class="text-lg font-semibold text-gray-900 mb-4">Data Retention</h2>
        <form action="{{ route('settings.data.update') }}" method="POST">
            @csrf
            @method('PUT')
            <div class="space-y-4">
                <div>
                    <label class="text-sm font-medium text-gray-700">Keep raw data for:</label>
                    <select name="data_retention_days" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                        <option value="0" {{ auth()->user()->data_retention_days == 0 ? 'selected' : '' }}>Delete on logout (session only)</option>
                        <option value="7" {{ auth()->user()->data_retention_days == 7 ? 'selected' : '' }}>7 days</option>
                        <option value="30" {{ auth()->user()->data_retention_days == 30 ? 'selected' : '' }}>30 days (recommended)</option>
                        <option value="60" {{ auth()->user()->data_retention_days == 60 ? 'selected' : '' }}>60 days</option>
                        <option value="90" {{ auth()->user()->data_retention_days == 90 ? 'selected' : '' }}>90 days</option>
                    </select>
                </div>
                <div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
                    <p class="text-sm text-blue-700">
                        <strong>Note:</strong> Daily and monthly summaries are always preserved for forecasting, even after raw data is deleted.
                    </p>
                </div>
                <div>
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700">
                        Save Settings
                    </button>
                </div>
            </div>
        </form>
    </div>

    <!-- Manual Actions -->
    <div class="bg-white shadow rounded-lg p-6">
        <h2 class="text-lg font-semibold text-gray-900 mb-4">Manual Actions</h2>
        <div class="space-y-4">
            <div class="flex items-center justify-between p-4 bg-gray-50 rounded-lg">
                <div>
                    <h3 class="font-medium text-gray-900">Run Cleanup Now</h3>
                    <p class="text-sm text-gray-500">Delete data older than your retention period</p>
                </div>
                <form action="{{ route('settings.data.cleanup') }}" method="POST">
                    @csrf
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
                        Run Cleanup
                    </button>
                </form>
            </div>

            <div class="flex items-center justify-between p-4 bg-red-50 rounded-lg">
                <div>
                    <h3 class="font-medium text-red-900">Delete All Raw Data</h3>
                    <p class="text-sm text-red-700">Delete all sales and shipping data (summaries preserved)</p>
                </div>
                <form action="{{ route('settings.data.delete-all') }}" method="POST" onsubmit="return confirm('Are you sure? This will delete all your raw data. Summaries will be preserved for forecasting.')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700">
                        Delete All Data
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection