@extends('layouts.app')

@section('title', __('Leads View'))

@push('css')
    @include('panel.inc.datatable.css')
@endpush

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Leads') }}
                </div>
                <h2 class="page-title">
                    {{ __("Leads View") }}
                </h2>
            </div>

            <div class="col-auto ml-auto d-print-none">
                <div class="btn-list">
                    @if(isUser(\App\User::Closer))
                        <a href="{{ route('panel.campaigns.add', ['lead' => $lead->id])}}" class="btn btn-primary">{{ __('Convert To Campaign') }}</a>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 mb">
            <div class="card">
                <div class="card-header">
                    <div class="card-title">{{ __('Lead Detail') }}</div>
                </div>
                <div class="card-body">

                    <div class="hr-text mt-0">Business / Company</div>
                    <div class="row">
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Name') }}</h3>
                            {{ $lead->company }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Phone') }}</h3>
                                    {{ $company_phone ?? '-' }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Email') }}</h3>
                            {{ $lead->company_email ?? '-' }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Website') }}</h3>
                            {{ $lead->company_website ?? '-' }}
                        </div>
                    </div>

                    <div class="hr-text mt-0">Owner</div>
                    <div class="row">
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('First Name') }}</h3>
                            {{ $lead->first_name }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Last Name') }}</h3>
                            {{ $lead->last_name }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Email') }}</h3>
                            {{ $lead->email }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Phone') }}</h3>
                            {{ $lead->phone }}
                        </div>
                    </div>

                    <div class="hr-text mt-0">Internal</div>
                    <div class="row">
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Follow Up') }}</h3>
                            @if($lead->follow_up)
                                @include('panel.leads._datetime', ['date' => $lead->follow_up])
                            @else
                                -
                            @endif
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Closer') }}</h3>
                            {{ $lead->closer_id ? $lead->closer->name : '-' }}

                            @if(!$lead->closer_id && \Gate::allows('leads-closer-change'))
                            <a class="ml" title="Transfer Lead To Closer" href="javascript:void(0)" onclick="fetchModal({el: this})" data-modal-url="{{ route('panel.leads.closer', $lead->id) }}" data-modal="#closerModal">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
                            </a>
                            @endif
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Target Keywords') }}</h3>
                            @if($keywords)
                                @foreach($keywords as $keyword)
                                    <span class="badge bg-primary">{{ $keyword }}</span>
                                @endforeach
                            @else
                                -
                            @endif
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Target Radius Mile') }}</h3>
                            {{ $lead->targeted_radius ?? '-' }}
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Yelp Profile Link') }}</h3>
                            @if($lead->yelp_profile)
                                <a href="{{ $lead->yelp_profile }}" target="_blank">Click Here</a>
                            @else
                                -
                            @endif
                        </div>
                        <div class="col-md-4 mb">
                            <h3 class="">{{ __('Status') }}</h3>
                            <span class="badge bg-info">{{ $lead->lead_status }}</span>
                            @include('panel.leads._status', ['status' => $lead->status])

                            @if(\Gate::allows('leads-status-change'))
                                <a class="ml" href="javascript:void(0)" onclick="fetchModal({el: this})" data-modal-url="{{ route('panel.leads.update.status', $lead->id) }}" data-modal="#leadStatusModal">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
                                </a>
                            @endif
                        </div>
                        <div class="col-md-12 mb">
                            <h3 class="">{{ __('Additional Notes / Description') }}</h3>
                            {!! nl2br($lead->description) !!}
                        </div>
                    </div>

                </div>
            </div>
        </div>

        @if(\Gate::allows('leads-note'))
        <div class="col-md-4 mb">
            <div class="card">
                <div class="card-header">
                    <div class="card-title">{{ __('Notes') }}</div>
                </div>
                <div class="card-body">
                    <div class="list-group list-group-flush overflow-auto mb" style="max-height: 30rem; overflow-x: hidden !important">
                        @foreach($lead->notes as $note)
                            <div class="list-group-item py-2 px-0">
                                <div class="row">
                                    <div class="col text-truncate">
                                        <span class="text-body d-block">{{ $note->user->name }}</span>
                                        <div class="text-muted text-wrap mt-n1">{!! nl2br($note->note) !!}</div>
                                        <small class="text-muted mt-n1">{{ $note->created_at->format('M D, Y - h:i A') }}</small>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>


                    @if(\Gate::allows('leads-note-add'))
                    <form id="leadNoteForm" action="{{ route('panel.leads.note', $lead->id) }}" method="post">
                        <textarea required rows="4" minlength="5" class="form-control mb" name="note" autocomplete="off" placeholder="{{ __('Enter Note') }}"></textarea>
                        <button class="btn btn-primary w-100 submission">{{ __('Submit') }}</button>
                    </form>
                    @endif
                </div>
            </div>
        </div>
        @endif

    </div>


@stop

@push('script')

    <script !src="">
        @if(\Gate::allows('leads-note-add'))
        $('#leadNoteForm').submit(function(e){
            let form = this;
            $(form).find('.submission').btnloading();

            formHandler({ form, e }).then(function (r) {
                notify('success', r.data.message);

                setTimeout(function(){
                    location.reload();
                }, 1000);

            }).catch(function (e) {
                notify('error', e.response.data.message);
                $(form).find('.submission').btnreset();
            });
        })
        @endif
    </script>

@endpush