@extends ('../welcome')


@section ('content')
<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Buildings</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <table id="buildings" class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Phase Name</th>
                        <th>Project Name</th>
                        <th>Created At</th>
                        <th>Active</th>
                        {{--<th>Action</th>--}}
                    </tr>
                </thead>
                <tbody>

                    @forelse ($buildings as $building)
                    <tr>
                        <td>{{$building?->id}}</td>
                        <td>
                            <a href="{{route('buildings.show',$building->id)}}">
                                {{$building->name}}
                            </a>
                        </td>
                        <td>

                            @if ($building->phase?->id)
                                <a href="{{route('phases.show',$building->phase->id)}}">
                                    {{$building->phase->name}}
                                </a>
                            @endif
                        </td>
                        <td>
                            @if ($building->phase?->id)
                                <a href="{{route('projects.show',$building->phase->project->id)}}">
                                    {{$building->phase->project->name}}
                                </a>
                            @endif
                        </td>
                        <td>{{$building->created_at}}</td>
                        <td>
                            <form action="{{ route('hideBuilding', $building->id) }}" method="POST">
                                @csrf
                                @if(auth()->user()->type == 'admin')
                                <button type="submit" class="btn btn-{{$building->is_active == 0 ? 'info' : 'danger'}}"
                                    title="{{$building->is_active == 0 ? 'unhide' : 'hide'}}">
                                    {{$building->is_active == 0 ? 'unhide' : 'hide'}}
                                </button>
                                @endif
                            </form>
                        </td>
                        {{--<td>
                            <form action="{{ route('buildings.destroy',$building->id) }}" method="POST">
                                @csrf
                                @method('DELETE')

                                <a class="btn btn-primary" title="Edit"
                                    href="{{ route('buildings.edit',$building->id) }}">
                                    <i class="fa fa-pen"></i>
                                </a>
                                <button type="submit" class="btn btn-danger"><i class="fa fa-ban"></i></button>
                            </form>
                        </td>--}}
                    </tr>
                    @empty
                    <tr>No buildings yet</tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
</div>
<!-- /.row -->
<script>
$(function() {
    $("#buildings").DataTable({
        "responsive": true,
        "lengthChange": false,
        "autoWidth": false,
        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
    }).buttons().container().appendTo('#buildings_wrapper .col-md-6:eq(0)');
    $('#example2').DataTable({
        "paging": true,
        "lengthChange": false,
        "searching": false,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "responsive": true,
    });
});
</script>



@endsection