@extends('frontend.layouts.app')
<style>
    .form-check {
        margin: 0 auto 20px 0!important;
    }
</style>
@section('frontend-content')

    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title"> {{ trans('main-sidebar.categories_list') }} </h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    @if( \App\Models\TeamWork::where('user_id',  \Illuminate\Support\Facades\Auth::id())->count() != 0)
                    <a href="{{ route('team.category.create') }}" class="btn btn-dark">{{ trans('main-sidebar.add_category') }}</a>
                    @endif
                </ol>
            </nav>
        </div>
        <div class="row">
            <div class="col-12">
                @if($categoriesCount == 0)
                <div class="card mt-5">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="d-flex justify-content-between">
                                    <div>
                                        <h3>{{ trans('main-sidebar.team_msg') }}</h3>
                                    </div>
                                    <a href="{{ route('team.category.create') }}" class="btn btn-primary">{{ trans('main-sidebar.add_category') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @else
                    @foreach($categories as $category)
                    <div class="card mt-5">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6 text-center">
                                    <h3>{{ $category->name }}</h3>
                                </div>
                                <div class="col-lg-6 text-center">
                                    <a href="{{ route('team.show', ['category_id' => $category->id]) }}" class="btn btn-dark mb-3">{{ trans('main-sidebar.teams') }}</a>
                                    <a href="{{ route('team.create', ['category_id' => $category->id]) }}" class="btn btn-primary mb-3">{{ trans('main-sidebar.add_team') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    <!-- content-wrapper ends -->
    <!-- partial:partials/_footer.html -->

    <!-- partial -->
@endsection

@push('frontend-script')
    @if(session()->has('message'))
        <script>
            Toastify({
                text: '{{  session()->get('message') }}',
                duration: 3000,
                newWindow: true,
                close: true,
                gravity: "top", // `top` or `bottom`
                position: "left", // `left`, `center` or `right`
                stopOnFocus: true, // Prevents dismissing of toast on hover
                style: {
                    background: "linear-gradient(to right, #00b09b, #96c93d)",
                },
                onClick: function(){} // Callback after click
            }).showToast();
        </script>
    @endif
    
     @if(session()->has('error'))
        <script>
            Toastify({
                text: '{{  session()->get('error') }}',
                duration: 3000,
                newWindow: true,
                close: true,
                gravity: "top", // `top` or `bottom`
                position: "left", // `left`, `center` or `right`
                stopOnFocus: true, // Prevents dismissing of toast on hover
                style: {
                    background: "linear-gradient(to right, #e15361,#dc3545)",
                },
                onClick: function(){} // Callback after click
            }).showToast();
        </script>
    @endif
@endpush