@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        <div class="row m-1">
            <div class="row ">
                {{--All--}}
                <div class="col-lg-4 col-md-6">
                    <a href="{{route('invitation-sheets.show',["id"=>$row->id ,"key"=>'all'])}}">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #380daf, #8c7ace);">
                            <div class="card-body" >
                                <div class="d-flex align-items-center">
                                    <div class="me-auto" style="width: -webkit-fill-available;">
                                        <div class="row"style="width: -webkit-fill-available;">
                                            <h5 class="mb-0 text-white">{{__($namespaceName.'/'.$modelName.'.total_emails')}}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                            </div>
                                            <div class="row my-2" style="width: -webkit-fill-available;">

                                                <div class="col">
                                                    <p class="my-0 text-white">{{$row->total_emails}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                    {{-- Sent --}}
                <div class="col-lg-4 col-md-6">
                    <a href="{{route('invitation-sheets.show',["id"=>$row->id ,"key"=>'sent'])}}">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #2c3e50, #4ca1af);">
                            <div class="card-body" >
                                <div class="d-flex align-items-center">
                                    <div class="me-auto" style="width: -webkit-fill-available;">
                                        <div class="row"style="width: -webkit-fill-available;">
                                            <h5 class="mb-0 text-white">{{__($namespaceName.'/'.$modelName.'.total_sent')}}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                            </div>
                                            <div class="row my-2" style="width: -webkit-fill-available;">

                                                <div class="col">
                                                    <p class="my-0 text-white">{{$row->total_sent}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6">
                    <a  href="{{route('invitation-sheets.show',["id"=>$row->id ,"key"=>'fail'])}}">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #323235, #707980);">
                            <div class="card-body" >
                                <div class="d-flex align-items-center">
                                    <div class="me-auto" style="width: -webkit-fill-available;">
                                        <div class="row"style="width: -webkit-fill-available;">
                                            <h5 class="mb-0 text-white">{{__($namespaceName.'/'.$modelName.'.total_failed')}}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                            </div>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                                <div class="col">
                                                    <p class="my-0 text-white">{{$total_failed}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="row ">
                {{--All--}}

                <div class="col-lg-4 col-md-6">
                    <a  href="{{route('invitation-sheets.show',["id"=>$row->id ,"key"=>'accepted'])}}">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #2c3410, #4ca110);">
                            <div class="card-body" >
                                <div class="d-flex align-items-center">
                                    <div class="me-auto" style="width: -webkit-fill-available;">
                                        <div class="row"style="width: -webkit-fill-available;">
                                            <h5 class="mb-0 text-white">{{__($namespaceName.'/'.$modelName.'.total_accepted')}}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                            </div>
                                            <div class="row my-2" style="width: -webkit-fill-available;">

                                                <div class="col">
                                                    <p class="my-0 text-white">{{$total_accepted}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                    {{-- Sent --}}
                <div class="col-lg-4 col-md-6">
                    <a  href="{{route('invitation-sheets.show',["id"=>$row->id ,"key"=>'pending'])}}">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #ca9c03, #ccb75a);">
                            <div class="card-body" >
                                <div class="d-flex align-items-center">
                                    <div class="me-auto" style="width: -webkit-fill-available;">
                                        <div class="row"style="width: -webkit-fill-available;">
                                            <h5 class="mb-0 text-white">{{__($namespaceName.'/'.$modelName.'.total_pending')}}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                            </div>
                                            <div class="row my-2" style="width: -webkit-fill-available;">

                                                <div class="col">
                                                    <p class="my-0 text-white">{{$total_pending}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6">
                    <a  href="{{route('invitation-sheets.show',["id"=>$row->id ,"key"=>'rejected'])}}">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #8b0404, #db678e);">
                            <div class="card-body" >
                                <div class="d-flex align-items-center">
                                    <div class="me-auto" style="width: -webkit-fill-available;">
                                        <div class="row"style="width: -webkit-fill-available;">
                                            <h5 class="mb-0 text-white">{{__($namespaceName.'/'.$modelName.'.total_rejected')}}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                            </div>
                                            <div class="row my-2" style="width: -webkit-fill-available;">

                                                <div class="col">
                                                    <p class="my-0 text-white">{{$total_rejected}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            </div>
            <div class="card main_card col-12 ">
                <div class="card-header">
                    <strong class="h6"><i class='bx bx-note'></i>{{__($namespaceName.'/'.$modelName.'.invitation_sheet_details')}}</strong>
                </div>




                <div class="card-body">
                    <div class="border p-3 rounded">
                        <div class="row ">
                            <div class="col-12">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.sheet_code')}}</span><span style="font-weight: bold" > : {{$row->sheet_code}}</span></li>
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.event_name')}}</span><span style="font-weight: bold" > : {{json_decode($row->event_name,true)[\Illuminate\Support\Facades\App::getLocale()]}}</span></li>
                                    {{-- <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.total_emails')}}</span><span style="font-weight: bold" > : {{$row->total_emails}}</span></li> --}}
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.total_uploaded')}}</span><span style="font-weight: bold" > : {{$row->total_uploaded}}</span></li>
                                    {{-- <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.total_sent')}}</span><span style="font-weight: bold" > : {{$row->total_sent}}</span></li> --}}
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.created_by')}}</span><span style="font-weight: bold" > : {{$row->created_by_name}}</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row m-1">
            <div class="card main_card col-12">
                <div class="card-header">
                    <strong class="h6"><i class='bx bxs-category'></i> {{__($namespaceName.'/'.$modelName.'.sheet_emails')}}</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                    <div class="table-responsive">
                        <table id="emails" class="table table-striped table-bordered text-center">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'email')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'invitation_code')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'email_invitation_statuses')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'updated_at')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'actions')}}</th>


                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($emails as $row)
                                <td id="row_{{$row->id}}">{{$loop->iteration}}</td>
                                <td>{{$row->email}}</td>
                                <td>{{$row->invitation_code}}</td>
                                <td>
                                    @if($row->email_invitation_status_key == "pending")
                                        <span class="badge split-bg-warning">
                                            {{json_decode($row->display_value,true)[app()->getLocale()]}}
                                        </span>
                                    @elseif($row->email_invitation_status_key == "sent" ||$row->email_invitation_status_key == "already_invited")
                                        <span class="badge bg-primary">
                                            {{json_decode($row->display_value,true)[app()->getLocale()]}}
                                        </span>
                                    @elseif($row->email_invitation_status_key == "fail")
                                        <span class="badge bg-dark">
                                            {{json_decode($row->display_value,true)[app()->getLocale()]}}
                                        </span>
                                    @elseif($row->email_invitation_status_key == "rejected")
                                        <span class="badge bg-danger">
                                            {{json_decode($row->display_value,true)[app()->getLocale()]}}
                                        </span>
                                    @elseif($row->email_invitation_status_key == "accepted")
                                        <span class="badge bg-success">
                                            {{json_decode($row->display_value,true)[app()->getLocale()]}}
                                        </span>
                                    @endif
                                    </td>

                                    <td>{{$row->updated_at}}</td>
                                    <td>
                                        <a href="{{ route('resendInvitationMail',$row->id) }}" title="{{ trans('labels.resend_mail') }}"class="btn btn-primary btn-sm"><i
                                                class='bx bx-reset'></i></a>

                                    </td>
                                </tr>

                            @endforeach

                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
             </div>
            </div>

        <div class="row m-1">
            <div class="card main_card col-12">
                <div class="card-header">
                    <strong class="h6"><i class='bx bxs-category'></i> {{__($namespaceName.'/'.$modelName.'.failed_sheet_emails')}}</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="table-responsive">
                            <table id="fail_emails" class="table table-striped table-bordered text-center">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'email')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'validation_errors')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'updated_at')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>

                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($failEmails as $row)
                                    <td id="row_{{$row->id}}">{{$loop->iteration}}</td>
                                    <td>{{$row->email}}</td>
                                    <td>
                                        <ul>
                                            @php
                                                $validationErrors = json_decode($row->validation_errors, true);
                                            @endphp

                                            @foreach ($validationErrors['email'] as $error)
                                                <li>{{ __($error) }}</li>
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>{{$row->updated_at}}</td>
                                    <td>
                                        <a class="btn-sm btn-primary" href="{{route('failSheetEmail.edit',$row->id)}}"><i class="fa fa-edit"></i></a>
                                    </td>
                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
     </div>
</div>
@endsection