@extends('layouts.retail')

@section('jobs-active', 'active')

@section('contents')
    <div class="content-wrapper" id="content-wrapper" style="min-height: 440px;">
        <section class="container col content p-2 p-xl-4 p-lg-4">
            <section class="content-header">
                <h5 class="font-weight-bold mb-4">
                    <i class="nav-icon fas fa-history mr-3" style="color: #F9D339"></i>
                    Jobs
                </h5>
                <div class="row">
                    <div class=" col-xl-6 col-lg-6 col-md-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <h5 class=""> <i class="nav-icon fas fa-dollar-sign mr-3" style="color: #F9D339"></i>
                                    Price Sync</h5>
                                <p class="text-sm">This job is a manual trigger and will sync the prices of all your
                                    products
                                    from your e-commerce platform to the system once triggered.
                                    <hr>
                                    <small class="text-muted">Please note that this job will be processed after 30
                                        minutes.</small>
                                </p>
                                <button type="button" id="priceSyncBtn" class="btn btn-warning text-sm">
                                    Sync Prices Now
                                </button>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-body">
                                <h5 class=""> <i class="nav-icon fas fa-box mr-3" style="color: #F9D339"></i>
                                    Product Sync</h5>
                                <p class="text-sm">This job is a manual trigger and will fetch all products from Datamart
                                    and update products in the system once triggered.
                                    <hr>
                                    <small class="text-muted">Please note that this job will be processed after 30
                                        minutes.</small>
                                </p>
                                <button type="button" id="productSyncBtn" class="btn btn-warning text-sm">
                                    Sync Products Now
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class=" col-xl-6 col-lg-6 col-md-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <h5 class=""> <i class="nav-icon fas fa-box mr-3" style="color: #F9D339"></i>
                                    Principal Data Sync</h5>
                                <p class="text-sm">This job is a manual trigger and will sync all the product masterfiles
                                    from all
                                    your principals to the system once triggered.
                                    <hr>
                                    <small class="text-muted">Please note that this job will be processed after 30
                                        minutes.</small>
                                </p>
                                <button type="button" id="principalDataSyncBtn" class="btn btn-warning text-sm">
                                    Sync Principal Data Now
                                </button>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-body">
                                <h5 class="">
                                    <i class="nav-icon fas fa-cloud-upload-alt mr-3" style="color: #F9D339"></i>
                                    Backup Traffic SFTP
                                </h5>
                                <p class="text-sm">
                                    This job manually backs up your traffic data to a remote SFTP server. Please ensure all data is ready before triggering the backup.
                                    <hr>
                                    <small class="text-muted">Please note that this job will be processed after 30 minutes.</small>
                                </p>
                                <button type="button" id="sftpBackupBtn" class="btn btn-warning text-sm">
                                    Backup Traffic SFTP Now
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </section>
    </div>
@endsection

@section('scripts')
    <script type="module" src="{{ asset('/js/manage/jobs.js') }}"></script>
@endsection