@extends('layouts.main')

@section('content')
<div class="container-fluid">
    <div class="page-header">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-header-left">
                    <h3>باکئەپی داتابەیس
                        <small>بەڕێوەبردنی باکئەپی داتابەیسەکە</small>
                    </h3>
                </div>
            </div>
        </div>
    </div> 
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            @if(session('success'))
            <div class="alert alert-success mb-4" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <strong>سەرکەوتوو!</strong> {{ session('success') }}
            </div>
            @endif

            @if(session('error'))
            <div class="alert alert-danger mb-4" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <strong>هەڵە!</strong> {{ session('error') }}
            </div>
            @endif
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">کردارەکانی باکئەپ</h5>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-4">
                            <form action="{{ route('backup.create') }}" method="POST" style="display: inline;">
                                @csrf
                                <button type="submit" class="btn btn-primary btn-lg btn-block" onclick="return confirm('دڵنیایت لە درووستکردنی باکئەپی نوێ؟')">
                                    <i class="las la-plus-circle"></i> باکئەپی نوێ درووست بکە
                                </button>
                            </form>
                        </div>
                        <div class="col-md-4">
                            <form action="{{ route('backup.clean') }}" method="POST" style="display: inline;">
                                @csrf
                                <button type="submit" class="btn btn-warning btn-lg btn-block" onclick="return confirm('دڵنیایت لە پاککردنەوەی باکئەپە کۆنەکان؟')">
                                    <i class="las la-broom"></i> باکئەپە کۆنەکان پاک بکەرەوە
                                </button>
                            </form>
                        </div>
                        
                    </div>

                    <div class="alert alert-info" role="alert">
                        <strong>تێبینی:</strong>
                        <ul class="mb-0 mt-2">
                            <li>باکئەپی ئۆتۆماتیک هەموو ڕۆژێک لە کاتژمێر 2:00 ی بەیانی ئەنجام دەدرێت</li>
                            <li>پاککردنەوەی ئۆتۆماتیک هەموو هەفتەیەک لە ڕۆژی یەکشەممە لە کاتژمێر 3:00 ی بەیانی ئەنجام دەدرێت</li>
                            <li>باکئەپەکان بە فۆرماتی گزیپ (Gzip) پاشەکەوت دەکرێن</li>
                            <li>باکئەپە کۆنەکان بەپێی ڕێکخستنەکان ئۆتۆماتیک دەسڕێنەوە</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">باکئەپە بەردەستەکان ({{ count($backups) }})</h5>
                </div>
                <div class="card-body">
                    @if(count($backups) > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>ناوی فایل</th>
                                    <th>قەبارە</th>
                                    <th>بەروار</th>
                                    <th>کردارەکان</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($backups as $index => $backup)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>
                                        <i class="las la-file-archive text-primary"></i>
                                        {{ $backup['name'] }}
                                    </td>
                                    <td>{{ $backup['size'] }}</td>
                                    <td>{{ $backup['date'] }}</td>
                                    <td>
                                        <a href="{{ route('backup.download', basename($backup['path'])) }}" 
                                           class="btn btn-success btn-sm"
                                           title="داونلۆد">
                                            <i class="las la-download"></i> داونلۆد
                                        </a>
                                        <form action="{{ route('backup.delete', basename($backup['path'])) }}" 
                                              method="POST" 
                                              style="display: inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" 
                                                    class="btn btn-danger btn-sm" 
                                                    onclick="return confirm('دڵنیایت لە سڕینەوەی ئەم باکئەپە؟')"
                                                    title="سڕینەوە">
                                                <i class="las la-trash"></i> سڕینەوە
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @else
                    <div class="alert alert-warning text-center" role="alert">
                        <i class="las la-exclamation-triangle" style="font-size: 48px;"></i>
                        <h4 class="mt-3">هیچ باکئەپێک نییە</h4>
                        <p>تکایە باکئەپێکی نوێ درووست بکە بۆ دەستپێکردن</p>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

   
</div>

@endsection

@section('scripts')
<script>
    // Auto hide alerts after 5 seconds
    setTimeout(function() {
        $('.alert').fadeOut('slow');
    }, 5000);
</script>
@endsection