@extends('layouts.admin')
@push('title') {{ $group->name }} | @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>Assigned Member Lists</h5>
                        </div>
                        <div class="col-md-4 text-center">
                            <h5><b class="text-muted">Group Name : </b><a href="{{url('groups/assign_members/list',$group->id)}}">{{ $group->name }}</a></h5>
                        </div>
                        <div class="col-md-4 text-right">
                            <a href="{{ route('groups.grouplist',$group->parent_id) }}" class="btn btn-secondary btn-sm">Group List</a>
                        </div>
                    </div>

                </div>
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}">
                        <div class="row mb-3">
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Name</label>
                                    <input class="form-control" type="text" name="name" id="name" placeholder="Name" value="{{ old('name') }}">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="phone_number" class="col-form-label pt-0">Phone</label>
                                    <input class="form-control" type="text" name="phone_number" id="phone_number" placeholder="Phone" value="{{ old('phone_number') }}">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="user_id" class="col-form-label pt-0">User ID</label>
                                    <input class="form-control" type="text" name="user_id" id="user_id" placeholder="ID" value="{{ old('user_id') }}">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="user_id" class="col-form-label pt-0">Search Type</label>
                                    <div>
                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="member" name="search_type" value="member" class="custom-control-input" @if(old('search_type')=='member') checked @endif @if(!old('search_type')) checked @endif>
                                                <label class="custom-control-label" for="member">Member Info</label>
                                            </div>
                                        </div>
                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="refer" value="refer" name="search_type" class="custom-control-input" @if(old('search_type')=='refer') checked @endif>
                                                <label class="custom-control-label" for="refer">Refer Info</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="show_type" class="col-form-label pt-0">Show Type</label>
                                    <select name="show_type" id="show_type" class="form-control select2">
                                        <option value="">Select One</option>
                                        <option {{ old('show_type') == 'show_all' ? 'selected' : '' }} value="show_all">Show All</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-check" style="margin-top: 30px">
                                    <input type="checkbox" name="is_partner" value="1" {{ old('is_partner') == 1 ? 'checked' : '' }} class="form-check-input" id="is_partner">
                                    <label class="form-check-label" for="is_partner">Is Partner</label>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <button class="btn btn-primary">Search</button>
                                <a href="{{url('groups/added_members/list',$group->id)}}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>

                    <div class="dropdown-divider"></div>

                    <div class="row">
                        <div class="col-md-12">
                            <div style="float: right">
                                <a  target="_blank" href="{{ route('groups.group_preview') }}" class="btn btn-primary">Print Preview</a>
                                <a href="{{ route('member.clear_session', 'group_search') }}" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive">

                        <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                            <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox" id="checkAll" value="">
                                    </th>
                                    <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>
                                    <th class="text-center">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($user_lists)>0)
                                @foreach($user_lists as $key => $member)
                                <tr>
                                    <td>
                                        <input @if(Session::get('group_search') > 0) @foreach(Session::get('group_search') as $ck) {{ $ck==$member->id ? 'checked' : '' }} @endforeach  @endif type="checkbox" id="mm_id{{$member->id}}" class="mm_id" onclick="get_mm_id({{ $member->id }})" value="{{ $member->id }}">
                                    </td>
                                    <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)
                                            {{ @$member->user_data->teams[0]->name }}
                                        @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>
                                    <td class="text-center">
                                        <div class="button-list">
                                            <form action="{{ route('groups.delete_group_member') }}" method="post">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="id" value="{{ $member->id}}">
                                                <input type="hidden" name="member_id" value="{{ $member->user_id}}">
                                                <input type="hidden" name="action" value="Assigned">
                                                <input type="hidden" id="group_id" name="group_id" value="{{ $group->id}}">
                                                 <!-- <a type="button" class="btn btn-secondary btn-sm ml-1 open_purchase_modal_page" data-toggle="tooltip" data-url="{{ route('purchase.create',['member_id'=>$member->user_id,'group_id'=>$group->id])}}" data-title="Add Purchase"><i class="fas fa-shopping-basket"></i></a> -->
                                                <button type="button" class="btn btn-primary btn-sm ml-1 open_modal_page" data-toggle="tooltip" title="Remarks" data-url="{{ route('groups.remarks',$member->id) }}" data-title="Add Remarks">
                                                    <i class="far fa-sticky-note"></i>
                                                </button>
                                                <button type="submit" class="btn btn-danger btn-sm btn-remove ml-1" data-toggle="tooltip" title="Delete">
                                                    <i class="far fa-trash-alt"></i>
                                                </button>

                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                         @if(old('show_type') != 'show_all')
                        <div class="float-right">
                            {{$user_lists->appends(request()->all())->links()}}
                        </div>
                        @endif
                    </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();
       }
    });

    function get_mm_id(mm_id){
        $.ajax({
            url: "{{ route('member.add_data_session') }}",
            method: "get",
            data : {member_id: mm_id, type:'group_search'},
            success:function (res) {
            }
        })
    }

    chec_data();

    function chec_data() {
        var total = "{{ count($user_lists) }}";
        var total_checked = $('input[class="mm_id"]:checked').length;
        if(total==total_checked){
            $("#checkAll").attr('checked', 'true');
        }
    }

    var member_id = [];
    var show = '';
    $("#checkAll").click(function(){
        if (document.getElementById('checkAll').checked) {
            show = 'add';
            $('input[class="mm_id"]').not(this).prop('checked', this.checked);
            $('input[class="mm_id"]:checked').map(function(){

                const check = member_id.indexOf(parseInt($(this).val()));
                if (check > -1) {
                    member_id.splice(check, 1);
                }

                member_id.push(parseInt($(this).val()));
            });
        } else {
            show = 'remove';
            $($('input[class="mm_id"]').not(this).prop('checked', this.checked)).map(function(){
                const check = member_id.indexOf(parseInt($(this).val()));
                if (check > -1) {
                    member_id.splice(check, 1);
                }
                member_id.push(parseInt($(this).val()));
            });
        }
        $.ajax({
            url: "{{ route('member.add_data_session') }}",
            method: "get",
            data : {member_id: JSON.stringify(member_id), type:'group_search-'+show},
            success:function (res) {
            }
        });
    });

</script>
@endpush
@endsection