@extends('backend.template.layout')
@section('title', __('Gestion des équipes'))
@section('head')
    <link href="{{ url(mix('assets/backend/css/datatables.bundle.css')) }}" rel="stylesheet"/>
    <style>
        @import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
        @import url(//fonts.googleapis.com/css?family=Cairo&display=swap);

        .text-right {
            {{--font-family: 'Noto Kufi Arabic', sans-serif;--}}
            font-family: Cairo, sans-serif;
        }
    </style>
@endsection
@section('content')
    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head kt-portlet__head--lg">
            <div class="kt-portlet__head-label">
										<span class="kt-portlet__head-icon">
											<i class="kt-font-brand flaticon2-group"></i>
										</span>
                <h3 class="kt-portlet__head-title">
                    @lang('Gestion des équipes')
                </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
                <div class="kt-portlet__head-wrapper">
                    <div class="kt-portlet__head-actions">
                        <a href="{{ route('teams.create') }}" class="btn btn-brand btn-elevate btn-icon-sm">
                            <i class="la la-plus"></i> @lang('Ajouter équipe')
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="kt-portlet__body">
            <table class="table table-striped- table-bordered table-hover table-checkable" id=teams_table data-url="{{ route('teams.datatables') }}">
                <thead>
                <tr>
                    <th>#</th>
                    <th>@lang('Logo')</th>
                    <th>@lang('Nom')</th>
                    <th>@lang('Statut')</th>
                    <th>@lang('Actions')</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
@endsection
@section('modals')
@endsection
@section('script')
    <script src="{{ url(mix('assets/backend/js/datatables.bundle.js')) }}"></script>
    <script src="{{ asset('assets/backend/js/datatables_data.bundle.js') }}"></script>
    <script src="{{ url(mix('assets/backend/js/teams-ssp.js')) }}"></script>
@endsection