@extends('layouts.master')

@php
    $outgoingVoice = $incomingVoice = $fcm = $apn = [];

    if(isset($configurations['is_set_outgoing_voice_app'])) {

        if($configurations['is_set_outgoing_voice_app']) {
            $outgoingVoice['checked'] = 'checked';
            $outgoingVoice['label'] = 'Reconfigure';
            $outgoingVoice['class'] = 'btn-success';
        } else {
            $outgoingVoice['checked'] = '';
            $outgoingVoice['label'] = 'Configure';
            $outgoingVoice['class'] = 'btn-primary';
        }
        if($configurations['is_set_incoming_phone_callbacks']) {
            $incomingVoice['checked'] = 'checked';
            $incomingVoice['label'] = 'Reconfigure';
            $incomingVoice['class'] = 'btn-success';
        } else {
            $incomingVoice['checked'] = '';
            $incomingVoice['label'] = 'Configure';
            $incomingVoice['class'] = 'btn-primary';
        }
        if($configurations['is_fcm_configured']) {
            $fcm['checked'] = 'checked';
            $fcm['label'] = 'Reconfigure';
            $fcm['class'] = 'btn-success';
        } else {
            $fcm['checked'] = '';
            $fcm['label'] = 'Configure';
            $fcm['class'] = 'btn-primary';
        }
        if($configurations['is_apn_configured']) {
            $apn['checked'] = 'checked';
            $apn['label'] = 'Reconfigure';
            $apn['class'] = 'btn-success';
        } else {
            $apn['checked'] = '';
            $apn['label'] = 'Configure';
            $apn['class'] = 'btn-primary';
        }
    } elseif (!empty($configurations['status'])) {
        # code...$configurations['message']
    }
@endphp

@section('content')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            @if(!empty($configurations['status']) && $configurations['status'] === 'error')
            <div class="alert alert-danger">
                Unable to fetch Twilio Configuration. Twilio Authentication has failed.
            </div>
            @endif
            @if ($message = Session::get('success'))
            <div class="alert alert-success">
                {{ $message }}
            </div>
            @elseif ($message = Session::get('error'))
            <div class="alert alert-danger">
                {{ $message }}
            </div>
            @endif
            <div class="card" id="card-twilio-config">
                <div class="card-header">Configurations</div>
                <div class="card-body">
                    <div class="row pb-1">
                        <div class="col-sm-8">Outgoing Voice Application</div>
                        <div class="col-sm-4">
                            @if (!empty($outgoingVoice['class']))
                            <button id="btn_outgoing" class="btn {{$outgoingVoice['class']}} mr-2">{{$outgoingVoice['label']}}</button>
                            @endif
                            <input id="rd_outgoing" type="radio" class="align-middle" {{$outgoingVoice['checked'] ?? ""}} />
                        </div>
                    </div>
                    <div class="row pb-1">
                        <div class="col-sm-8">Incoming Phone Callbacks</div>
                        <div class="col-sm-4">
                            @if (!empty($incomingVoice['class']))
                            <button id="btn_incoming" class="btn {{$incomingVoice['class']}} mr-2">{{$incomingVoice['label']}}</button>
                            @endif
                            <input id="rd_incoming" type="radio" class="align-middle" {{$incomingVoice['checked'] ?? ""}} />
                        </div>
                    </div>
                    <div class="row pb-1">
                        <div class="col-sm-8">FCM Credential</div>
                        <div class="col-sm-4">
                            @if (!empty($fcm['class']))
                            <button id="btn_fcm" class="btn {{$fcm['class']}} mr-2">{{$fcm['label']}}</button>
                            @endif
                            <input id="rd_fcm" type="radio" class="align-middle" {{$fcm['checked'] ?? ""}} />
                        </div>
                    </div>
                    <div class="row pb-1">
                        <div class="col-sm-8">APN Credential</div>
                        <div class="col-sm-4">
                            @if (!empty($apn['class']))
                            <button id="btn_apn" class="btn {{$apn['class']}} mr-2">{{$apn['label']}}</button>
                            @endif
                            <input id="rd_apn" type="radio" class="align-middle" {{$apn['checked'] ?? ""}} />
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">&nbsp;</div>
                        <div class="col-sm-4">
                            @if (isset($configurations['is_set_outgoing_voice_app']))
                            <button id="configure_all" class="btn btn-link text-danger alert-link">Configure All</button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('javascript')
    <script src="/js/company.js"></script>
    <script type="text/javascript">
        var twilioConfigurationUrl = "{{ route('twilio.configure', $company_id) }}";
        // console.log(twilioConfigurationUrl);
    </script>
@endsection