@props(['emailslist','moduleid','rowid'])

@php
$HTTP_HOST=$_SERVER['HTTP_HOST'];
$GetInstanceName=explode('.bpm360',$HTTP_HOST);
$EmailsList=$emailslist;
$InstanceName=$GetInstanceName[0];
@endphp
<div id="iconsAccordion" class="accordion-icons accordion">
    <div class="card">
        <div class="card-header" id="...">
            <section class="mb-0 mt-0">
                <div role="menu" class="collapsed" data-toggle="collapse" data-target="#iconAccordionOne" aria-expanded="true" aria-controls="iconAccordionOne">
                    <div class="accordion-icon"><svg xmlns="http://www.w3.org/2000/svg" title="Compose Mail" style="cursor:pointer" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div>
                    <span class="text-primary">Emails</span>  <div class="icons">
                     @if(sizeof($EmailsList))
                     <span class="badge badge-info">{{sizeof($EmailsList)}}</span>
                     @endif

                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
                 </div>
             </section>
         </div>

         <div id="iconAccordionOne" class="collapse" aria-labelledby="..." data-parent="#iconsAccordion">
            <div class="card-body">
				@if($moduleid=='806867ab-96a5-11eb-948a-56b1773fd56f' || $moduleid == 'f247e423-d1f7-4de1-b681-f3e11f828121' && $InstanceName!='tbo')
               <button class="btn btn-primary btn-icon mb-2 me-4 btn-rounded" type="button" onclick="composeMail('','manual','{{$moduleid}}','{{$rowid}}')" title="Compose Mail">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
                </button> 
				@endif

                @if(sizeof($EmailsList))
				<div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Slno</th>
							 <th>EmailType</th>
                            <th>Subject</th>
                            <th>From Address</th>
                            <th>Date</th>
                            <th>View</th>
                        </tr>
                    </thead>

                    @php
                    $m=0;
                    @endphp    
                    @foreach($EmailsList as $em)
                    @php
                    if($em['EmailStatus']=="Unread")
                    {
                        $fontStyle="unread";
                    }
                    else
                    {
                        $fontStyle="";
                    }

                    $m++;
                    @endphp 
                    <tr class="font{{$em['EmailId']}} {{$fontStyle}}">
                       <td>{{$m}}</td>
					   <td title="{{$em['EmailType']}} Mail" style="cursor:pointer">
						@if($em['EmailType']=='Inbound')
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
						@else
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>
						@endif
						</td>
                       <td>{{$em['EmailSubject']}}</td>
                       <td>{{$em['FromAddress']}}</td>
                       <td>@php echo date('d-m-Y H:i:s',strtotime($em['CreatedDate'])) @endphp</td>
                       <td>
                        <!-- <a href="{{url('List-Emails')}}" title="View Email"> -->
                            @php
                            $EmailID="";
                            $EmailID=$em['EmailId'];
                            @endphp
                            <span style="cursor:pointer" class="text-primary" title="View Mail"  onclick="ViewMail('{{$EmailID}}')" data-toggle="modal" data-target="#ComposeMailModal">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
                            </span>
                        <!-- </a> -->
                    </td>
                </tr>     
                @endforeach
            </table>
			</div>
            @else
            <center>No Emails!</center>
            @endif

        </div>
    </div>
</div>

</div>

</div><!-------email accordian Ends--->