@extends('layouts.viewer')

@section('title')
    Reply invitation
@endsection

@section('style')
@endsection
@section('content')
    @if($errors->any())
        @foreach ($errors->all() as $error)
            <div class="alert alert-danger mb-2" role="alert">
                <strong>{{$error}}</strong>
            </div>
        @endforeach
    @endif
    @if ($message = Session::get('success'))
        <div class="alert alert-success mb-2" role="alert">
            <strong>{{$message}}</strong>
        </div>
    @endif

    <div class="content-wrapper"><!--Statistics cards Starts-->
        <div class="row mt-4">
            <div class="col-md-12 text-center">
                <h2>Please review this invitation and reply !</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-6 col-lg-12">
                <div class="card">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="row d-flex mb-3 py-2">
                                <div class="col align-self-center text-center"><i class="icon-graph font-large-2 blue-grey lighten-2"></i></div>
                                <div class="col align-self-center"><img alt="96x96" class="bg-danger width-150 rounded-circle img-fluid"
                                                                        src="{{asset('uploads/avatars')}}/{{$leader->avatar}}"></div>
                                <div class="col align-self-center text-center"><i class="icon-envelope font-large-2 blue-grey lighten-2"></i></div>
                            </div>
                            <h3 class="font-large-1 text-center">{{$leader->first_name}} {{$leader->last_name}}</h3>
                            <span class="font-medium-1 grey d-block text-center">{{$team->name}}</span>
                            <div class="row mt-4 mb-3">
                                <div class="col-xl-7 col-8 ">
                                    <button class="btn btn-primary"><i class="ft-play mr-1"></i>Go to team page</button>
                                </div>
                                <div class="col-xl-5 col-4">
                                    <span class="font-large-1"><i class="fa ft-users font-large-2 success"></i> {{$team->members()->count()}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Member List</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body text-center">
                            @if($team->members()->count() == 0)
                                <h5>No Members</h5>
                            @endif
                            @foreach($team->members() as $member)