@extends('admin.client.view')

@section('client_tab_content')

<div class="tab-content w-100 overflow-auto">
    <div class="tab-pane fade active show">
        <div class="card">
            <div class="card-header header-elements-inline">
                <h5 class="card-title">{{ $client->is_individual ? trans('crm.contact'): trans('crm.customer_contacts') }}</h5>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                        <a class="list-icons-item" data-action="reload"></a>
                        <a class="list-icons-item" data-action="remove"></a>
                    </div>
                </div>
            </div>

            <div class="card-body">

                @include('partials.messages')

                <form action="#">
                    @php

                        $disable_new_contacts = true;
                        if ($client->is_individual == 1) {
                            $disable_new_contacts = true;
                        } else {
                            $disable_new_contacts = false;
                        }

                    @endphp
                    @if(admin_permission('client.edit'))
                    <div class="inline-block new-contact-wrapper" >
                        <span href="#" @if(!$disable_new_contacts) onclick="contact({{ $client->id }}) @endif;" class="btn btn-primary mb-3 new-contact @if($disable_new_contacts) disabled @endif" data-title="@lang('crm.customer_contact_person_only_one_allowed')"  @if($disable_new_contacts) data-popup="tooltip" data-toggle="tooltip" @endif>@lang('crm.new_contact')</span>
                    </div>
                    @endif

                    <table class="table" id="contact-table">
                        <thead>
                        <th>@lang('crm.clients_list_full_name')</th>
                        <th>@lang('crm.client_email')</th>
                        <th>@lang('crm.contact_position')</th>
                        <th>@lang('crm.clients_phone')</th>
                        <th>@lang('crm.contract_summary_active')</th>
                        <th>@lang('crm.clients_list_last_login')</th>
                        <th>@lang('crm.clients_ci_passport')</th>
                        </thead>
                        <tbody>
                        @if(count($contacts) > 0)
                            @foreach($contacts as $contact)
                                <tr>
                                    <td>
                                        <a href="#" onclick='contact("{{ $client->id }}", "{{ $contact->id }}");return false;'>
                                            <img src="{{ contact_profile_image_url($contact->id) }}"
                                                 width="30" height="30" class="rounded-circle"/>
                                            {{ $contact->fullname }}
                                        </a>
                                        <div class="row-options">
                                            @if(admin_permission('client.edit'))
                                                <a href="#" onclick='contact("{{ $client->id }}", "{{ $contact->id }}")'>Edit </a>
                                            @endif
                                            @if(admin_permission('client.delete'))
                                                @if($contact->is_primary == 0) | <a href='#' onclick="deleteContact({{$contact->id}})" class="text-danger _delete ">Delete </a>@endif</div>
                                            @endif
                                    </td>
                                    <td><a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a></td>
                                    <td>{{ $contact['position'] }}</td>
                                    <td>{{ $contact['phonenumber'] }}</td>
                                    <td>
                                        <label class='form-check-label'>
                                            <input type='checkbox' class='form-check-input-switchery'  {{ $contact['status'] == 'Active' ? "checked":"" }} onclick="activeClicked(this, {{$contact->id}})" data-fouc>
                                        </label>
                                    </td>
                                    <td>{{ local_time_format($contact['last_login']) }}</td>
                                    <td>{{ $contact['passport'] }}</td>
                                </tr>
                            @endforeach
                        @else
                        @endif
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="contact_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
    </div>
</div>

@stop

@section('styles')

@stop

@section('scripts')
    {!! HTML::script('assets/js/as/client.js') !!}

    <script>
        $(document).ready(function () {
            $('#contact-table').DataTable({
                'drawCallback': function( settings, json ) {
                    return;
                },
                'order': [[2, 'asc']]
            });
        });

        function activeClicked(cb, contact_id) {


            $.ajax({
                type:'POST',
                url:"{{ url('clients/contact_change_status') }}",
                data:{
                    contact_id:contact_id,
                    status: cb.checked,
                },
                success:function(data){
                    if(data.status == 1){
                        successNotify('', data.msg);
                    }else{
                        errorNotify('', data.msg);
                        cb.checked = !cb.checked;
                    }
                },
                error:function (data) {
                    errorNotify('Error', data.responseJSON.message);
                    cb.checked = !cb.checked;
                }
            },'json')

        };

        function deleteContact(id) {
            if (!id) {
                return;
            }

            confirmAlert('','Are you sure that you want to this action?','Yes','No',function () {
                $.ajax({
                    type:'POST',
                    url:"{{ url('clients/delete_contact') }}",
                    data:{contact_id:id},
                    success:function(data){
                        if(data.status == 1){
                            successAlert(data.msg,'',function () {
                                reloadPage();
                            });
                        }else{
                            errorAlert(data.msg);
                        }
                    },
                    error:function (data) {
                        errorAlert('Error', data.responseJSON.message);
                    }
                },'json')
            })
        }

    </script>
@stop