@extends('layouts.app')

@section('content')

<div class="block-header">
    <h2>
        {{ __('Call analysis') }}
        <small>{{ __('The AI summary stored for this call') }}</small>
    </h2>
</div>

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    {{ $direction === 'outbound' ? __('Outbound call') : __('Inbound call') }}
                    <small>{{ $facts['call_time'] ?? $linkedid }}</small>
                </h2>
                <ul class="header-dropdown m-r--5">
                    <li>
                        <a href="{{ $listingUrl }}" class="btn btn-default btn-sm">&larr; {{ __('Back to the listing') }}</a>
                    </li>
                </ul>
            </div>
            <div class="body">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <small class="text-muted">{{ __('Call id') }}</small>
                        <p><strong>{{ $linkedid }}</strong></p>
                    </div>
                    @if(!empty($facts['call_time']))
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Time') }}</small>
                            <p><strong>{{ $facts['call_time'] }}</strong></p>
                        </div>
                    @endif
                    @if(!empty($facts['agent']))
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Agent') }}</small>
                            <p><strong>{{ $facts['agent'] }}</strong></p>
                        </div>
                    @endif
                    @if(!empty($facts['caller']))
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ $direction === 'outbound' ? __('Called number') : __('Caller number') }}</small>
                            <p><strong>{{ $facts['caller'] }}</strong></p>
                        </div>
                    @endif
                    @if(!empty($facts['queue']))
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Queue') }}</small>
                            <p><strong>{{ $facts['queue'] }}</strong></p>
                        </div>
                    @endif
                    @if(!empty($facts['talktime']))
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Talk time') }}</small>
                            <p><strong>{{ gmdate('H:i:s', (int) $facts['talktime']) }}</strong></p>
                        </div>
                    @endif
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <small class="text-muted">{{ __('Recording') }}</small>
                        <p><a href="{{ $recordingUrl }}" target="_blank">{{ __('Listen') }}</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@if($analysis)
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="body">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Provider') }}</small>
                            <p>
                                <strong>{{ $analysis->provider->name ?? $analysis->provider_driver }}</strong>
                                @if($analysis->isCompleted())
                                    <span class="label label-success">{{ $analysis->statusLabel() }}</span>
                                @elseif($analysis->isFailed())
                                    <span class="label label-danger">{{ $analysis->statusLabel() }}</span>
                                @else
                                    <span class="label label-warning">{{ $analysis->statusLabel() }}</span>
                                @endif
                            </p>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Requested') }}</small>
                            <p><strong>{{ optional($analysis->created_at)->format('Y-m-d H:i:s') }}</strong></p>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <small class="text-muted">{{ __('Finished') }}</small>
                            <p><strong>{{ optional($analysis->completed_at)->format('Y-m-d H:i:s') ?: '-' }}</strong></p>
                        </div>
                        @if($analysis->audio_seconds)
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <small class="text-muted">{{ __('Audio analysed') }}</small>
                                <p><strong>{{ gmdate('H:i:s', (int) $analysis->audio_seconds) }}</strong></p>
                            </div>
                        @endif
                        @if(!empty($analysis->meta['transcription_model']) || !empty($analysis->meta['analysis_model']))
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <small class="text-muted">{{ __('Models') }}</small>
                                <p>
                                    <strong>{{ $analysis->meta['transcription_model'] ?? '-' }}</strong>
                                    <span class="text-muted">&rarr;</span>
                                    <strong>{{ $analysis->meta['analysis_model'] ?? __('provider summarizer') }}</strong>
                                </p>
                            </div>
                        @endif
                        <div class="col-md-8 col-sm-6 col-xs-12 text-right">
                            <form method="POST" action="{{ route('reporting.summarize') }}" style="display:inline-block">
                                @csrf
                                <input type="hidden" name="linkedid" value="{{ $linkedid }}">
                                <input type="hidden" name="direction" value="{{ $direction }}">
                                <button type="submit" class="btn btn-default btn-sm"
                                        {{ $analysis->isInFlight() ? 'disabled' : '' }}>
                                    {{ $analysis->isCompleted() ? __('Run it again') : __('Retry') }}
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

@if(!$analysis)
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="body">
                    <p class="m-b-15">{{ __('This call has not been submitted for analysis yet.') }}</p>

                    @if($activeProvider)
                        <form method="POST" action="{{ route('reporting.summarize') }}">
                            @csrf
                            <input type="hidden" name="linkedid" value="{{ $linkedid }}">
                            <input type="hidden" name="direction" value="{{ $direction }}">
                            <button type="submit" class="btn btn-primary">{{ __('Summarize this call') }}</button>
                            <span class="text-muted m-l-10">
                                {{ __('Provider:') }} {{ $activeProvider->name }}
                            </span>
                        </form>
                    @else
                        <div class="alert alert-warning">
                            {{ __('No AI voice provider is ready. An administrator has to open Settings - AI Voice Analysis, save an API key and select a provider.') }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endif

@if($analysis && $analysis->isInFlight())
    <div class="row">
        <div class="col-lg-12">
            <div class="alert alert-warning">
                <i class="material-icons">hourglass_empty</i>
                {{ __('The call is being transcribed and summarized. This page refreshes itself when the analysis is ready.') }}
            </div>
        </div>
    </div>
@endif

@if($analysis && $analysis->isFailed())
    <div class="row">
        <div class="col-lg-12">
            <div class="alert alert-danger">
                <strong>{{ __('The analysis failed.') }}</strong>
                <div style="margin-top:6px">{{ $analysis->error }}</div>
            </div>
        </div>
    </div>
@endif

@if($analysis && $analysis->isCompleted())
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header">
                    <h2>{{ __('Summary') }}</h2>
                </div>
                <div class="body">
                    {{-- dir="auto": an Arabic summary must align right-to-left, an
                         English one left-to-right, without us guessing. --}}
                    <div dir="auto" style="white-space:pre-wrap; line-height:1.7">{!! nl2br(e($analysis->summary)) !!}</div>
                </div>
            </div>
        </div>
    </div>

    @if($analysis->transcript)
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header">
                        <h2>
                            {{ __('Transcript') }}
                            <small>{{ __('As returned by the provider') }}</small>
                        </h2>
                    </div>
                    <div class="body">
                        <div dir="auto" style="max-height:520px; overflow:auto; white-space:pre-wrap; line-height:1.6; font-family:monospace; font-size:12px">
                            {!! nl2br(e($analysis->transcript)) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endif

@endsection

@if($analysis && $analysis->isInFlight())
    @push('scripts')
    <script type="text/javascript">
        $(function () {
            var statusUrl = "{{ route('reporting.analysis.status', ['linkedid' => $linkedid]) }}";
            var timer = setInterval(function () {
                $.getJSON(statusUrl, function (response) {
                    var state = response && response.data ? response.data.state : null;

                    if (state && state !== 'queued' && state !== 'processing') {
                        clearInterval(timer);
                        window.location.reload();
                    }
                });
            }, 4000);
        });
    </script>
    @endpush
@endif