@extends('layouts.admin')
@push('title')  @endpush
@section('content')
    @push('css')
    @endpush
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-4">
                                <h5>Print Preview</h5>
                            </div>
                        </div>

                    </div>
                    <div class="card-body">

                        <div class="table-responsive">

                                <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                                    <thead>
                                    <tr>
                                        <th>SL.</th>
                                        <th>ID</th>
                                        <th>Name</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>Present Address</th>
                                        <th>Permanent Address</th>
                                        <th>Office Address</th>
                                        <th>Team</th>
                                        <th>Refer Name</th>
                                        <th>Refer ID</th>
                                        <th>Joining Date</th>
                                        <th>Assigned Time</th>
                                        <th>Last Remarks</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(count($user_lists)>0)
                                        @foreach($user_lists as $key => $member)
                                            <tr>
                                                <td>{{ $key+1 }}</td>
                                                <td><a target="_blank" href="{{route('members.view',cn($member,'user_data.id',0))}}">{{ cn($member,'user_data.user_id','--') }}</a></td>
                                                <td>{{ cn($member, 'user_data.name', '') }}</td>
                                                <td>{{ cn($member, 'user_data.phone_number', '') }}</td>
                                                <td>{{ cn($member, 'user_data.email', '') }}</td>
                                                <td>
                                                    @if($member->user_data)
                                                        @if($member->user_data->present_address)
                                                            {{ $member->user_data->present_address }}
                                                        @endif
                                                        <br>
                                                        @if($member->user_data->presentAddressDistrict)
                                                            <b>District: </b>{{ $member->user_data->presentAddressDistrict->name_english }}
                                                        @endif

                                                        @if($member->user_data->presentAddressThana)
                                                            ,
                                                            <b>Thana: </b>{{ $member->user_data->presentAddressThana->name_english }}
                                                        @endif

                                                        @if($member->user_data->presentAddressUnion)
                                                            ,
                                                            <b>Union: </b>{{ $member->user_data->presentAddressUnion->name_english }}
                                                        @endif

                                                        @if($member->user_data->presentAddressWord)
                                                            ,
                                                            <b>Word: </b>{{ $member->user_data->presentAddressWord->name_english }}
                                                        @endif
                                                    @endif

                                                </td>

                                                <td>
                                                    @if($member->user_data)
                                                        @if($member->user_data->parmanent_address)
                                                            {{ $member->user_data->parmanent_address }}
                                                        @endif
                                                        <br>
                                                        @if($member->user_data->parmanentAddressDistrict)
                                                            <b>District: </b>{{ $member->user_data->parmanentAddressDistrict->name_english }}
                                                        @endif

                                                        @if($member->user_data->parmanentAddressThana)
                                                            ,
                                                            <b>Thana: </b>{{ $member->user_data->parmanentAddressThana->name_english }}
                                                        @endif

                                                        @if($member->user_data->parmanentAddressUnion)
                                                            ,
                                                            <b>Union: </b>{{ $member->user_data->parmanentAddressUnion->name_english }}
                                                        @endif

                                                        @if($member->user_data->parmanentAddressWord)
                                                            ,
                                                            <b>Word: </b>{{ $member->user_data->parmanentAddressWord->name_english }}
                                                        @endif
                                                    @endif

                                                </td>

                                                <td>
                                                    @if($member->user_data)
                                                        @if($member->user_data->office_address)
                                                            {{ $member->user_data->office_address }}
                                                        @endif
                                                        <br>
                                                        @if($member->user_data->officeAddressDistrict)
                                                            <b>District: </b>{{ $member->user_data->officeAddressDistrict->name_english }}
                                                        @endif


                                                        @if($member->user_data->officeAddressThana)
                                                            ,
                                                            <b>Thana: </b>{{ $member->user_data->officeAddressThana->name_english }}
                                                        @endif

                                                        @if($member->user_data->officeAddressUnion)
                                                            ,
                                                            <b>Union: </b>{{ $member->user_data->officeAddressUnion->name_english }}
                                                        @endif

                                                        @if($member->user_data->officeAddressWord)
                                                            ,
                                                            <b>Word: </b>{{ $member->user_data->officeAddressWord->name_english }}
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($member->user_data && count(@$member->user_data->teams)>0)
                                                        @foreach ($member->user_data->teams as $team)
                                                            {{ $team->name }}
                                                            @if(!$loop->last)
                                                                ,
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </td>
                                                <td>{{ cn($member,'user_data.refer_data.name','--') }}</td>
                                                <td>
                                                    @if($member->user_data && @$member->user_data->refer_id)
                                                        <a target="_blank" href="{{route('members.view',cn($member,'user_data.refer_data.id',''))}}">
                                                            {{ cn($member,'user_data.refer_data.user_id','--') }}
                                                        </a>
                                                    @endif
                                                </td>

                                                <td>
                                                    @if(!empty($member->user_data))
                                                        {{ date('d-m-Y', strtotime($member->user_data->created_at)) }}
                                                    @endif
                                                </td>
                                                <td> {{ utc_to_local('d M Y, g:i:s A',@$member->created_at) }}</td>
                                                <td>
                                                    {{ cn($member,'last_remarks.remarks','') }}
                                                    @if(!empty($member->last_remarks) && @$member->last_remarks->file)

                                                        @php
                                                            $extension = pathinfo(asset('uploads/remarks/'.$member->last_remarks->file), PATHINFO_EXTENSION);
                                                        @endphp

                                                        @if($extension == 'mp3')
                                                            <audio id="remarksFile_audio-{{$member->id}}" class="remarksAudio">
                                                                <source src="{{asset('uploads/remarks/'.$member->last_remarks->file)}}">
                                                            </audio>
                                                            <a href="javascript:void(0)" data-id="remarksFile_audio-{{$member->id}}" data-iconid="#stateicon_audio-{{$member->id}}" class="playpause"><i id="stateicon_audio-{{$member->id}}" class="fa fa-play stateicon"></i></a>
                                                        @elseif ($extension == 'jpg' || $extension == 'jpeg' || $extension == 'png')
                                                            <a href="{{asset('uploads/remarks/'.$member->last_remarks->file)}}" target="_blank"><i class="fa fa-download"></i></a>
                                                        @endif
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>

                        </div>
                    </div>
                </div>
            </div> <!-- end col -->
        </div><!--end row-->

    </div> <!-- container-fluid -->
    @push('alljs')
        <script type="text/javascript">
            $(document).on('click', '.playpause', function(){
                var myAudioID = $(this).data('id');
                var iconID = $(this).data('iconid');
                var myAudio = document.getElementById(myAudioID);
                $('.stateicon').addClass('fa-play');
                if (myAudio.paused) {
                    var list, index;
                    list = document.getElementsByClassName("remarksAudio");
                    for (index = 0; index < list.length; ++index) {
                        list[index].pause();
                    }
                    $(iconID).removeClass('fa-play');
                    $(iconID).addClass('fa-pause');
                    myAudio.play();
                } else {
                    $(iconID).removeClass('fa-pause');
                    $(iconID).addClass('fa-play');
                    myAudio.pause();
                }
            });


        </script>
    @endpush
@endsection