@extends('superadmin.layouts.app')

@section('title', 'Sync')

@section('content')
@include('superadmin.partials.alerts')
<div class="row mt-5">
  <div class="col-12 align-items-center justify-content-center d-flex">
    <form action="{{ action('Superadmin\\SyncController@run') }}" method="POST" class="w-100">
      @csrf
      <button type="submit" class="btn btn-block p-4 btn-optovista" {{ (!$updates->count() || $isSyncing) ? 'disabled="disabled"' : '' }}>
        <i class="fa fa-play mr-2"></i>
        {{ $updates->count() ? 'Synchronize Changes' : 'Databases are synchronized' }}
      </button>
    </form>
  </div>
</div>

@if ($isSyncing)
<div class="row mt-5">
  <div class="col-12">
    <div class="alert alert-info mb-0">
      <i class="fa fa-coffee mr-2"></i>
      <span>Synchronization in progress. Please be patient for a few minutes.</span>
    </div>
  </div>
</div>
@endif

<div class="row">
  <div class="col-12">
    <div id="synchronizations" class="my-5">
      @forelse ($updates as $update)
      <div class="card mb-2">
        <div class="card-header" id="{{ $loop->index }}">
          <h5 class="d-flex align-items-center mb-0">
            <i class="fa fa-database mr-2"></i>
            <span class="mr-auto">{{ $update->entity_schema }}</span>
            <span class="badge badge-success">{{ $update->updates }} updates</span>
          </h5>
        </div>
      </div>
      @empty
      <div class="card mb-2">
        <div class="card-header">
          <h5 class="d-flex align-items-center mb-0">
            Databases are synchronized.
          </h5>
        </div>
      </div>
      @endforelse
    </div>
  </div>
</div>
@endsection