@extends ('../welcome')

@section ('content')
<!-- /.row -->

<!-- Phases -->
<!-- /.row -->
<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Phases</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <table id="phases" class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Phase Name</th>
                        <th>Project Name</th>
                        <th>Created At</th>
                        @if(auth()->user()->type == 'admin')
                        <th>Active</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @foreach ($phases as $phase)
                    @if(!empty($phase->project->id))
                    <tr>
                        <td>{{$phase->id}}</td>
                        <td>
                            <a href="{{route('phases.show' , $phase->id)}}">
                                {{$phase->name}}
                            </a>
                        </td>
                        <td>
                            <a href="{{route('projects.show' , $phase->project->id)}}">
                                {{$phase->project->name}}
                            </a>
                        </td>
                        <td>{{$phase->created_at}}</td>
                        <td>
                        @if(auth()->user()->type == 'admin')
                            <form action="{{ route('hidePhase', $phase->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-{{$phase->is_active == 0 ? 'info' : 'danger'}}"
                                    title="{{$phase->is_active == 0 ? 'unhide' : 'hide'}}">
                                    {{$phase->is_active == 0 ? 'unhide' : 'hide'}}
                                </button>
                            </form>
                            @endif
                        </td>

                    </tr>
                    @endif

                    @endforeach
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
</div>
<!-- /.row -->


@endsection