@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <!--page-wrapper-->
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">

                <div class="user-profile-page">
                    <div class="card radius-15">
                        <div class="card-body">
                            <ul class="nav nav-pills">
                                <li class="nav-item">
                                    <a class="nav-link active" data-bs-toggle="tab" href="#managebackup">
                                        <span class="p-tab-name"><i class="bx bx-history"></i>
                                            Manage Backup </span>
                                        <i class="bx bx-donate-blood font-24 d-sm-none"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="createform-tab" data-bs-toggle="tab" href="#managerestore">
                                        <span class="p-tab-name"><i class="bx bx-repost"></i>
                                            Manage Restore</span>
                                        <i class="bx bxs-user-rectangle font-24 d-sm-none"></i>
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content mt-3">
                                <div class="tab-pane fade show active" id="managebackup">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-3"></div>
                                                <div class="col-md-6 card">
                                                    <div class="card-body">
                                                        <div class="card-title">
                                                            <h6 class="mb-0"><b><i class="bx bx-history"></i> Create
                                                                    Backup</b></h6>
                                                        </div>
                                                        <hr />
                                                        <form class="row g-3" action="{{ route('create-backup') }}"
                                                            method="POST">
                                                            @csrf
                                                            <div class="col-md-8">
                                                                <label for="inputFirstName" class="form-label">Backup
                                                                    Type<span style="color: red;">*</span></label>
                                                                <select class="form-control form-control-sm"
                                                                    name="backup_type" required>
                                                                    <option>Select Any One</option>
                                                                    <option value="Database">Database</option>
                                                                    <option value="Files & Media">All Assets & Widget
                                                                    </option>
                                                                </select>
                                                            </div>
                                                            <div class="col-md-4" style="padding-top:28px;">
                                                                <button type="submit" class="btn btn-primary btn-sm">Create
                                                                    Backup</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                                <div class="col-md-3"></div>
                                            </div>
                                            <div class="card-title">
                                                <h6 class="mb-0"><b><i class="bx bx-data"></i> All Backups</b>
                                                </h6>
                                            </div>
                                            <hr />
                                            <div class="table-responsive" style="white-space:unset;">
                                                <table class="table mb-0" id="example">
                                                    <thead class="thead-primary">
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Type</th>
                                                            <th>Backup File</th>
                                                            <th class="text-center">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @if (count($all_backups) > 0)
                                                            @foreach ($all_backups as $key => $backup)
                                                                <tr>
                                                                    <td>{{ $key + 1 }}
                                                                    </td>
                                                                    <td>{{ $backup->type }}</td>
                                                                    @if ($backup->type != 'Database')
                                                                        <td>
                                                                            <a href="public/file-backups/{{ $backup->file }}"
                                                                                download
                                                                                class="btn btn-outline-primary m-1 btn-sm"><i
                                                                                    class="bx bx-cloud-download"></i>
                                                                                Download Assets Backup File</a>
                                                                            <a href="public/file-backups/{{ $backup->widget_file }}"
                                                                                download
                                                                                class="btn btn-outline-primary m-1 btn-sm"><i
                                                                                    class="bx bx-cloud-download"></i>
                                                                                Download Widgets Backup File</a>
                                                                        </td>
                                                                    @else
                                                                        <td>
                                                                            <a href="public/{{ $backup->file }}" download
                                                                                class="btn btn-outline-primary m-1 btn-sm"><i
                                                                                    class="bx bx-cloud-download"></i>
                                                                                Download Backup File</a>
                                                                        </td>
                                                                    @endif

                                                                    <td class="text-center">
                                                                        <a href="{{ route('delete-backup', $backup->id) }}"
                                                                            class="btn btn-outline-danger m-1 btn-sm"
                                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                                            title=""
                                                                            data-bs-original-title="Delete This"><i
                                                                                class="bx bx-trash"></i></a>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="5" class="text-center"><i class="bx bx-sad"
                                                                        style="font-size:5rem;color: #a2a3a5;"></i>
                                                                    <h3 style="color: #a2a3a5;">Nothing found</h3>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>

                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="managerestore">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <form class="row g-3" action="{{ route('post-create-form') }}" method="POST">
                                                @csrf
                                                <div class="col-md-4">
                                                    <label for="inputFirstName" class="form-label">Restore Type<span
                                                            style="color: red;">*</span></label>
                                                    <select class="form-control form-control-sm" name="restore_type"
                                                        required>
                                                        <option value="Database">Database</option>
                                                        <option value="Assets">Assets
                                                        </option>
                                                        <option value="Widgets">Widgets</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="inputFirstName" class="form-label">Upload Backup File<span
                                                            style="color: red;">*</span></label>
                                                    <input type="file" class="form-control form-control-sm"
                                                        id="inputFirstName" name="backup_file" required />
                                                </div>
                                                <div class="col-md-4" style="padding-top:28px;">
                                                    <button type="submit" class="btn btn-primary btn-sm">Restore
                                                        Now</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection
@section('script')
@endsection