@extends('backpack::layout')

@section('content')
    <style type="text/css">
        .margin-top-10px {
            margin-top: 10px;
        }

        .margin-bottom-10px {
            margin-bottom: 10px;
        }

        .desc {
            width: 300px;
        }
    </style>
    <link rel="stylesheet" href="{{ asset('/backend/admin_build/css/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">Started 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/started_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>Client Name</th>
                            <th>Freelancer Name</th>
                            <th>Admin</th>
                            <th>Skills</th>
                            <th>Posted Date</th>
                            <th>Project Deadline</th>
                            <th>Cost USD</th>
                            <th>Cost SAR</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>
                                @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>{{ArabicTime::generateDateAtUtc($project->created_at)}}</td>
                                <td>{{$project->project_end_date ? date('d.m.y', strtotime($project->project_end_date)) : ''}}</td>
                                <td>{{$project->rate_per_hour}}</td>
                                <td>{{$project->rate_per_hour * 3.75}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection