@extends('admin.layouts.app')
@section('content')
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>Developers</h3>
                </div>

                <div class="title_right">
                    <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="button">Go!</button>
                        </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>

            <div class="row">
                <div class="col-md-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2 class="page-title">
                                <a href="{{ route('admin.developer.create') }}" class="btn btn-success">
                                    <i class="fa fa-user-plus"></i> Add New
                                </a>
                            </h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p>
                            @if($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <p>
                                @if(Session::has('message'))
                                <div class="alert alert-success">
                                    {{ Session::get('message') }}
                                </div>
                                @endif
                             </p>

                                <!-- start project list -->
                                <table id="datatable-buttons" class="table table-striped table-bordered">
                                    <thead>
                                    <tr>
                                        <th style="width: 1%">#</th>
                                        <th style="width: 20%">Name</th>
                                        <th>Job Title</th>
                                        <th>City</th>
                                        <th>State</th>
                                        <th>Country</th>
                                        <th>Skills</th>
                                        <th style="width: 20%">#Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                    $i = 1;
                                    @endphp
                                    @foreach($developers as $developer)
                                        <tr>
                                            <td>
                                                {{$i++}}
                                                {{-- $developer->id --}}
                                            </td>
                                            <td>
                                                {{ $developer->full_name }}
                                            </td>
                                            <td>
                                                {{ $developer->job_title }}
                                            </td>
                                            <td class="project_progress">
                                                {{ $developer->city }}
                                            </td>
                                            <td class="project_progress">
                                                {{ $developer->state }}
                                            </td>
                                            <td>
                                                {{ $developer->country }}
                                            </td>
                                            <td>
                                                @if(isset($developer->skills))
                                                    @foreach($developer->skills as $skill)
                                                        <span class="label label-success">{{ \App\Http\Controllers\Admin\DeveloperController::getSkillName($skill->professional_skill_id) }}</span>
                                                    @endforeach
                                                @else
                                                    No Skill added
                                                @endif
                                            </td>
                                            <td>
                                                <a href="{{ route('admin.developer.profile', ['slug'=> $developer->slug]) }}" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>
                                                <a href="{{ route('admin.developer.edit', ['slug'=> $developer->slug]) }}" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>
                                                <a href="{{ route('admin.developer.delete', ['id'=> $developer->id]) }}" onclick="return confirm('Are you sure you want to delete?');" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                                <!-- end project list -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection