@extends('layouts.app', ['activePage' => 'system-management', 'menuParent' => 'laravel', 'titlePage' => __('System Management')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <div class="card">
            <div class="card-header card-header-primary card-header-icon">
              <div class="card-icon">
                <i class="material-icons">group</i>
              </div>
              <h4 class="card-title">{{ __('Systems') }}</h4>
            </div>
            <div class="card-body">
              <div class="row">
                  <div class="col-12 text-left">
                    <a href="{{ route('system.create') }}" class="btn btn-sm btn-primary">{{ __('Add System') }}</a>
                  </div>
              </div>
              <table id="list_of_users" class="table table-striped table-no-bordered table-hover">
                <thead>
                  <tr>
                    <th>Actions</th>
                    <th>Name</th>
                    <th>Project</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($systems as $system)
                      @if (!$system->is_active)
                        <tr class="table-danger">
                      @else
                        <tr>
                      @endif
                      <td class="td-actions text-left" style="width: 80px">
                        <form action="{{ route('system.destroy', $system) }}" method="post">
                          @csrf
                          @method('delete')
                          
                          <a rel="tooltip" class="btn btn-success btn-link" href="{{ route('system.edit', $system) }}" data-original-title="" title="">
                            <i class="material-icons">edit</i>
                            <div class="ripple-container"></div>
                          </a>

                          <button type="button" class="btn btn-danger btn-link" data-original-title="" title="" onclick="confirm('{{ __("Are you sure you want to delete this system?") }}') ? this.parentElement.submit() : ''">
                            <i class="material-icons">delete_forever</i>
                            <div class="ripple-container"></div>
                          </button>
                        </form>
                      </td>
                      @if (!$system->is_active)
                        <td>{{ $system->name }} - <span class="text-danger">INACTIVE</span></td>

                      @else
                        <td>{{ $system->name }} </td>
                      @endif

                      @if (!$system->project->is_active)
                        <td>{{ $system->project->name }} <span class="text-danger">INACTIVE</span></td>
                      @else
                        <td>{{ $system->project->name }}</td>
                      @endif
                      </tr>
                    @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection