@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" />

    <link href="{{ asset('') }}/assets/libs/select2/css/select2.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-4">
                            <h5>CRM Reports Lists</h5>
                        </div>
                    </div>
                    
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}">
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="parentGroup" class="col-form-label pt-0">Parent Group</label>
                                    <select id="parentGroup" class="select2 form-control mb-3 custom-select" name="parent_group_id">
                                    <option disabled="" selected="" value="">Select One</option>
                                    {{ create_option("groups","id","name",old('parent_group_id'),'WHERE parent_id="0"') }} 
                                </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group" id="childGroup">
                                    <label for="group" class="col-form-label pt-0">Group Name</label>
                                    <select id="groupName" class="select2 form-control mb-3 custom-select" name="group_id">
                                    <option disabled="" selected="" value="">Select One</option>
                                    {{ create_option("groups","id","name",old('group_id'),'WHERE parent_id!="0"') }} 
                                </select>
                                </div>
                            </div>
                            
                            <div class="col-md-3">
                                <div class="form-group" id="team">
                                    <label for="team" class="col-form-label pt-0">Team Name</label>
                                    <select id="team" class="select2 form-control mb-3 custom-select" name="team_id">
                                    <option disabled="" selected="" value="">Select One</option>
                                    {{ create_option("teams","id","name",old('team_id')) }} 
                                </select>
                                </div>
                            </div>
                            
                            <div class="col-md-3 mt-4">
                                <button class="btn btn-primary">Search</button>
                                <a href="{{ route('reports.crm_report') }}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>
                    <div class="dropdown-divider"></div>
                    <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>Present Address</th>
                                    <th>Team</th>
                                    <th>Refer Name</th>
                                    <th>Refer ID</th>
                                    <th>Assign Time</th>
                                    <th>Remarks</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($user_lists))
                                @foreach($user_lists as $key => $member)
                                <tr>
                                    <td>{{ ++$key }}</td>
                                    <td><a target="_blank" href="{{ route('members.view', $member->id) }}"> {{ $member->user_id }}</a></td>
                                    <td>{{ $member->name }}</td>
                                    <td>{{ $member->phone_number }}</td>
                                    <td>{{ $member->present_address }}</td>
                                    <td>
                                        @foreach ($member->teams as $team)
                                            {{ $team->name }}
                                            @if(!$loop->last)
                                                    ,
                                            @endif
                                        @endforeach
                                    </td>

                                    <td>{{ cn($member,'refer_data.name','--') }}</td>                                    
                                    <td>
                                        @if($member->refer_id)
                                        <a target="_blank" href="{{ route('members.view', $member->refer_data->id) }}">
                                            {{ cn($member,'refer_data.user_id','--') }}
                                        </a>
                                        @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)
                                        <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>
                                        @endif --}}
                                        
                                    </td>
                                    {{-- <td class="text-center">
                                        <div class="button-list btn-social-icon">
                                            <form action="{{ route('user.groups.delete_member') }}" method="post">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="member_id" value="{{ $member->id}}">
                                                <input type="hidden" name="action" value="Assigned">
                                                <input type="hidden" name="group_id" value="{{ $group->id}}">
                                                <button type="submit" class="btn btn-danger btn-remove ml-1">
                                                    <i class="far fa-trash-alt"></i>
                                                </button>

                                            </form>
                                        </div>
                                    </td> --}}
                                </tr>
                                @endforeach
                                @endif
                            </tbody>                            
                        </table>
                        
                        {{-- <div class="float-right">
                            {{$user_lists->appends(request()->all())->links()}}
                        </div> --}}
                    </div>
                </div>
            </div>
        </div> <!-- end col -->                                                              
    </div><!--end row-->
    
</div> <!-- container-fluid -->

@push('alljs')

<script type="text/javascript">
    $('#parentGroup').on('change', function() {
        var selectedValue = $(this).val();
        if(selectedValue){
            $('#groupName').children().slice(1).remove();
            $.ajax({
            type: "GET",
            url: "{{  url('reports/get_child_group') }}"+'/'+selectedValue,
            success: function (data) {
                console.log(data);
                $.each(data, function(index, element) {
                    $('#groupName').append("<option value='"+ element.id +"'>"+ element.name + "</option>");
                    
                });
            },
            error: function (data) {
                console.log('Error:', data);
            }
        });
        }
        
    });
    
</script>

@endpush
@endsection