@extends('layouts.main')

@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/phases.css')}}"/>
    @endpush
@endonce

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">

<x-page-header>
    VIEWING TOTAL PHASES
</x-page-header>

<div class="d-flex justify-content-end gap-3 mb-3">
    @cannot('help-desk-access')
    <x-ui.blue-button modal="create-phase-modal">
        CREATE PHASE
    </x-ui.blue-button>
    @endcannot
    @include('management-activation.partials.create-phase-modal')
</div>

<div id="listDataContainer">
    @include('management-activation.partials.phases-list')
</div>
    </div>
@endsection