@extends('layout')

@section('title', 'Skills')

@section('content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <div class="mb-3 card card-body text-center">
                <h3>Employee Skills Inventory</h3>
            </div>
            @if(!$skills->isEmpty())
                <p>
                    <button id="download-button" class="btn btn-info">Download CSV</button>
                </p>
                <table style="width: 100%;" id="example"
                       class="table table-hover table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>Name</th>
                        <th>Application Date</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($skills as $skill)
                        <tr>
                            <td>{{ $skill->first_name }} {{ $skill->last_name }}</td>
                            <td>{{ date('Y-m-d', strtotime($skill->signature_date)) }}</td>
                            <td>
                                <form action="{{ route('skill.destroy', $skill->id) }}" method="post">
                                    @csrf
                                    @method('DELETE')
                                    <a href="{{ route('skill.show', $skill->id) }}" class="btn btn-info"><i
                                                class="fa fa-eye"></i></a>
                                    @if (in_array(Auth::user()->role, array('intern', 'admin')))
                                        <a href="{{ route('skill.edit', $skill->id) }}" class="btn btn-warning"><i
                                                    class="fa fa-edit"></i></a>
                                        <button class="btn btn-danger" type="submit"><i class="fa fa-trash"></i>
                                        </button>
                                    @endif
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>Name</th>
                        <th>Application Date</th>
                        <th>Actions</th>
                    </tr>
                    </tfoot>
                </table>
            @else
                <a href="{{ route('skill.create') }}" class="mb-2 mr-2 btn btn-success">Create</a>
            @endif
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('js/custom.js') }}"></script>
@endsection()