@extends('backpack::layout')

@section('content')

    <link rel="stylesheet" href="{{ asset('designed/css/pages/admin-table-1.css') }}">
    @include('admin.projects.top-bar')
    <div class="x_panel">
        @include('admin.projects.filter-form', ['skills' => $skills])
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2 style="padding-right: 10px">Dead Projects</h2>
                    <div class="btn-group">
                        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                            Choose Projects Status <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="{{ URL::to('/admin/projects/started') }}">Started Projects</a></li>
                            <li><a href="{{ URL::to('/admin/projects/active') }}">Active Projects</a></li>
                            <li><a href="{{ URL::to('/admin/projects/completed') }}">Completed Projects</a></li>
                            <li><a href="{{ URL::to('/admin/projects/dead') }}">Dead Projects</a></li>
                        </ul>
                        <a href="{{ URL::to('/admin/excel/generate/dead_project') }}" style="margin-left: 10px">
                            <button class="btn btn-success">Download Excel</button>
                        </a>
                    </div>
                    <ul class="nav navbar-right panel_toolbox">
                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table id="datatable-responsive"
                           class="table table-striped table-bordered dt-responsive" cellspacing="4"
                           width="100%" height="auto">
                        <thead>
                        <tr>
                            <th class="row-number">#</th>
                            <th>Project reference number</th>
                            <th>Project Title</th>
                            <th>Dead Status</th>
                            <th>Client Name</th>
                            <th>Freelancer Name</th>
                            <th>Admin</th>
                            <th>Skills</th>
                            <th>Start Date</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($projects as $row_number => $project)
                            <tr>
                                <td class="row-number">{{$row_number + $projects->from_number}}</td>
                                <td>{{$project->id}}</td>
                                <td>{{$project->title}}</td>
                                <td>{{$project->dead_action}}</td>
                                @if($project->client)
                                    <td>{{ $project->client->user->firstLastName() }}</td>
                                @else
                                    <td>-</td>
                                @endif
                                @if($project->currentFreelancer)
                                    <td>{{ $project->currentFreelancer->name }}</td>
                                @else
                                    <td>-</td>
                                @endif
                                <td>Teamup Admin</td>
                                <td>{{ $project->skills->implode('name', ', ') }}</td>
                                <td>{{ $project->start_at ? date('d.m.y', strtotime($project->start_at)) : '-'}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection