@extends('layout')

@section('title', 'Managers')

@section('content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <div class="mb-3 card card-body text-center">
                <h3>Managers</h3>
            </div>
            @if(!$managers->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>First Name</th>
                        <th>Last Name</th>
                        <th>Email</th>
                        <th>Tel</th>
                        <th>View</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($managers as $manager)
                        <tr>
                            <td>{{ $manager->first_name }}</td>
                            <td>{{ $manager->last_name }}</td>
                            <td>{{ $manager->email }}</td>
                            <td>{{ $manager->tel }}</td>
                            <td>
                                <form action="{{ route('manager.destroy', $manager->id)}}" method="post">
                                    @csrf
                                    @method('DELETE')
                                    <a href="{{ route('manager.show', $manager->id) }}"
                                       class="btn btn-info"><i class="fa fa-eye"></i></a>
                                    @if (in_array(Auth::user()->role, array('admin')))
                                    <a href="{{ route('manager.edit', $manager->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>First Name</th>
                        <th>Last Name</th>
                        <th>Email</th>
                        <th>Tel</th>
                        <th>View</th>
                    </tr>
                    </tfoot>
                </table>
            @else
                <a href="{{ route('manager.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()