@extends ('../welcome')
@section('content')
    <style>
        .clickable-row:hover {
            background-color: #17a2b8;
            opacity: 0.8;
            cursor: pointer;
        }

        a:hover {
            cursor: pointer;

        }

        th {
            width: 40%;
        }
    </style>
    <div class="card col-6">
        <div class="card-header">

            <form action="{{ route('hidePhase', $phase->id) }}" method="POST">
                @csrf


                {{-- @if (auth()->user()->role->hasPermission('phases-update')) --}}
                <a href="{{ route('phases.edit', $phase->id) }}">
                    <button class="btn btn-square btn-info" type="button"><i class="fa fa-pen"></i></button>
                </a>
                {{-- @endif --}}

                {{-- @if (auth()->user()->role->hasPermission('phases-delete')) --}}
                <button onClick="clickDeletebutton(this)" type="button" title="Delete" class="btn btn-danger"
                    data-id="{{ $phase->id }}" data-toggle="modal" data-target="#phaseModal">
                    <i class="fa fa-ban"></i>
                </button>
                {{-- @endif --}}

                <button type="submit" style="float:right"
                    class="btn btn-{{ $phase->is_active == 0 ? 'light' : 'dark' }} active"
                    title="{{ $phase->is_active == 0 ? 'unhide' : 'hide' }}">
                    <i class="fas fa-{{ $phase->is_active == 0 ? 'eye' : 'eye-slash' }}"></i>
                </button>

            </form>


        </div>
        <div class="card-body">
            <table>
                <tr>
                    <th>Phase Name:</th>
                    <td>{{ $phase->name }}</td>
                </tr>
                <tr>
                    <th>Project Name:</th>
                    <td>{{ $phase->project->name }}{{ $phase->project->is_residential == 1 ? ' - Residential' : '' }}</td>
                </tr>
                @if ($phase->project->is_residential == 0)
                    <tr>
                        <th>Type</th>
                        <td>{{ $phase->type ?? '' }}</td>
                    </tr>
                @endif
                <tr>
                    <th>Active:</th>
                    <td>{{ $phase->is_active == 0 ? 'Not Available' : 'Available' }}</td>
                </tr>
                <tr>
                    <th>Created at :</th>
                    <td>{{ $phase->created_at }}</td>
                </tr>
                @if(auth()->user()->type == 'admin')
                <tr>
                    <th>Accessed By :</th>
                </tr>
                @foreach ($phase->users as $user)
                    <tr>
                        <th></th>
                        <td>
                            <a href="{{ route('users.show', $user->id) }}">
                                {{ $user->name }}
                            </a>
                        </td>
                    </tr>
                @endforeach
                @endif
            </table>
        </div>
    </div>
    {{-- @if (auth()->user()->role->hasPermission('buildings-read')) --}}
    <div class="col-12">
        <div class="card card-outline card-info">
            <div class="card-header">
                <h3 class="card-title" style="font-weight:bold">
                    {{ $phase->project->is_residential == 1 ? 'building' : 'Floor' }}
                    <p>Total: {{ count($phase->buildings) }}</p>
                </h3>

                @if (auth()->user()->type == 'admin' ||
                        auth()->user()->role->hasPermission('buildings-create'))
                    <a href="{{ route('buildings.create', 'id=' . $phase->id) }}">
                        <button class="btn btn-square btn-light active"
                            title="{{ $phase->project->is_residential == 1 ? 'Create Building' : 'Create Floor' }}"
                            style="float:right" type="button"><i class="fas fa-plus"></i></button>
                    </a>
                @endif
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <table
                    id={{ auth()->user()->type == 'admin' ||auth()->user()->role->hasPermission('buildings-export')? 'example1': 'nonExport' }}
                    class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>

                            @if ($phase->project->is_residential == 1)
                                <th>Building Type</th>
                                <th>Number of Floors</th>
                            @endif

                            <th>Created Date</th>
                            <th>Created Time</th>

                            @if (auth()->user()->type == 'admin')
                                <th>Visibility</th>
                            @endif
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($phase->buildings as $building)