@extends('layouts.admin')

@section('content')
@push('css')
    {{-- <!-- DataTables -->
    <link href="{{ asset('') }}/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('') }}/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />

    <!-- Responsive datatable examples -->
    <link href="{{ asset('') }}/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/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-6">
                            <h5>Member Lists</h5>
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{ route('members.create') }}" class="btn btn-secondary btn-sm">New Member Joining</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="start_date" class="col-form-label pt-0">Start Date</label>
                                    <input class="form-control date_range" readonly="" type="text" name="start_date" id="start_date" value="{{ old('start_date') }}" placeholder="Start Date">
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="end_date" class="col-form-label pt-0">End Date</label>
                                    <input class="form-control date_range" readonly="" type="text" name="end_date" value="{{ old('end_date') }}" id="end_date" placeholder="End Date">
                                </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 ">
                                <button class="btn btn-primary">Search</button>
                                <a href="{{url('members')}}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>

                    <div class="row">
                        <div class="col-md-12">
                            <div style="float: right">
                                <a  target="_blank" id="preview" href="{{ route('members.list.preview') }}" class="btn btn-primary">Print Preview</a>
                                <a href="{{ route('member.clear_session', 'member_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 {{ count($members) == @count(Session::get('member_search')) ? 'checked': '' }} type="checkbox" id="checkAll" value="">
                                </th>
                                <th class="text-center">Sl.</th>
                                <th>Picture</th>
                                <th>Name</th>
                                <th>User ID</th>
                                <th>Email</th>
                                <th>Contact</th>
                                <th>Social</th>
                                <th class="col-md-4">Present Address</th>
                                <th class="col-md-3">Permanent Address</th>
                                <th class="col-md-5">Office Address</th>
                                <th>Team</th>
                                <th>Refer Name</th>
                                <th>Refer ID</th>
                                <th>Joining Date</th>
                                {{-- <th>Remarks</th> --}}
                                <th class="text-center">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($members)>0)
                            @foreach($members as $key => $member)
                            <tr>
                                <td>
                                    <input @if(Session::get('member_search') > 0) @foreach(Session::get('member_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 class="text-center">{{$key + $members->firstItem()}}</td>
                                <td><img style="height:35px;border-radius: 50%;" src="{{ $member->picture ? asset('uploads/users/'.$member->picture) : default_image()}}"></td>
                                <td>{{ @$member->name }}</td>
                                <td><a href="{{route('members.view',$member->id)}}">{{ $member->user_id }}</a></td>
                                <td>{{ $member->email }}</td>
                                <td>
                                    <b>{{ $member->phone_number }}</b><br/>
                                    @if(count($member->userPhones)>0)
                                    @foreach($member->userPhones as $phone_row)
                                    <div style="border: 1px solid #ebdfdf;">
                                        {{$phone_row->phone_number}}
                                        @if(count($phone_row->phone_account_data))
                                            @foreach($phone_row->phone_account_data as $account_row)
                                                <span><img style="height:16px;border-radius: 50%;" title="{{@$account_row->account_type_data->name}}" src="{{ @$account_row->account_type_data->icon ? asset('uploads/social_icon/'.@$account_row->account_type_data->icon) : default_image()}}"></span>
                                            @endforeach
                                        @endif
                                    </div>
                                    @endforeach
                                    @endif
                                    <span class="float-right open_phone_modal_page" data-url="{{ route('members.phone', $member->id) }}" data-title="Add Phone Number" style="cursor: pointer"><i class="fas fa-plus-circle" ></i></span>
                                </td>
                                <td>
                                    @if(count($member->userProfiles)>0)
                                        @foreach ($member->userProfiles as $user_profile)
                                        <a href="{{ $user_profile->profile_url }}" target="_blank">
                                            <i style="font-size: 20px;" class="fab fa-{{ $user_profile->profile_type_data->name }}"></i>
                                        </a>
                                        @endforeach
                                    @endif
                                    <span class="float-right open_phone_modal_page" data-url="{{ route('members.social',$member->id) }}" data-title="Add Social Profile" style="cursor: pointer"><i class="fas fa-plus-circle" ></i></span>
                                </td>
                                <td>
                                    @if($member)
                                        @if($member->present_address)
                                            {{ $member->present_address }}
                                        @endif
                                        <br>
                                        @if($member->presentAddressDistrict)
                                        <b>District: </b>{{ $member->presentAddressDistrict->name_english }},
                                        @endif

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

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

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

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

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

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

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

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

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

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

                                        @if($member->officeAddressWord)
                                        <b>Word: </b>{{ $member->officeAddressWord->name_english }}
                                        @endif
                                    @endif
                                </td>
                                <td>
                                    @if($member && count(@$member->teams)>0)
                                        {{ @$member->teams[0]->name }}
                                    @endif
                                </td>
                                <td>{{ @$member->refer_data->name }}</td>
                                <td><a href="{{route('members.view',cn($member,'refer_data.id',''))}}">{{ @$member->refer_data->user_id }}</a></td>
                                {{-- <td>{{ @$member->remarks }}</td> --}}
                                <td>{{ date('d-m-Y', strtotime($member->created_at)) }}</td>
                                <td class="text-center">
                                    <!-- <form action="{{ route('members.delete', $member->id) }}" method="post">
                                    {{ csrf_field() }} -->
                                    <div class="button-list">

                                        <a href="{{ route('members.view',$member->id) }}"class="btn btn-success">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ route('members.edit',$member->id) }}"class="btn btn-purple">
                                            <i class="fas fa-pencil-alt"></i>
                                        </a>
                                        <!-- <a href="{{ route('members.delete',$member->id) }}"class="btn btn-danger ">
                                            <i class="far fa-trash-alt"></i>
                                        </a> -->
                                         <!-- <button type="submit" class="btn btn-danger btn-remove ml-1">
                                            <i class="far fa-trash-alt"></i>
                                        </button> -->
                                    </div>
                                    <!-- </form>  -->
                                </td>
                            </tr>
                            @endforeach
                            @endif
                            </tbody>
                        </table>
                        <div class="float-right">
                            {{$members->appends(request()->all())->links()}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

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

</div> <!-- container-fluid -->
@push('alljs')
    <script>
        $('.date_range').datepicker({
            format: 'dd-mm-yyyy',
            autoclose:!0,
            todayHighlight:!0
        });
    </script>

    <script>

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

        var member_id = [];
        $("#checkAll").click(function(){
            if (document.getElementById('checkAll').checked) {
                $('input:checkbox').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 {
                $('input:checkbox').not(this).prop('checked', this.checked);
                member_id = [];
            }
            $.ajax({
                url: "{{ route('member.add_data_session') }}",
                method: "get",
                data : {member_id: JSON.stringify(member_id), type:'member_search'},
                success:function (res) {
                }
            });
        });


    </script>


          <!-- Required datatable js -->
    {{-- <script src="{{ asset('') }}/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <!-- Buttons examples -->
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/jszip/jszip.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/pdfmake/build/pdfmake.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/pdfmake/build/vfs_fonts.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.colVis.min.js"></script>
    <!-- Responsive examples -->
    <script src="{{ asset('') }}/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>

    <!-- Datatable init js -->
    <script src="{{ asset('') }}/assets/js/pages/datatables.init.js"></script>

    <script src="{{ asset('') }}/assets/libs/select2/js/select2.min.js"></script>
    <script src="{{ asset('') }}/assets/js/pages/form-advanced.init.js"></script>

    @if ($message = Session::get('error'))
    <script type="text/javascript">
        var msg = '{{$message}} ';
        show_toast('error',msg);
    </script>
    @endif
    @if ($message = Session::get('success'))
    <script type="text/javascript">
        var msg = '{{$message}} ';
        show_toast('success',msg);
    </script>
    @endif --}}
@endpush
@endsection