@extends('app')
@section('page_title') Service Subscription  Answer @stop
@push('styles')
    <link rel="stylesheet" href="{{ asset('lib/jstree/dist/themes/default/style.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('lib/bs-multiselect/dist/css/bootstrap-multiselect.css') }}" />
    <link rel="stylesheet" href="{{ asset('lib/tagsinput/dist/bootstrap-tagsinput.css') }}" />
    <style>
        .form-group { margin-bottom: 10px;}
        .page-content {  background: #fff;}
    </style>
@endpush
@section('page_content')
    <div class="page-content container-fluid" style="padding-bottom: 5px;">
        <form class="form-horizontal" id="ads" method="POST" action="{{ route('service.ussd.subscription.answer.update', $answer->id) }}">
            @if(count($errors)>0)
                <div class="alert alert-danger">
                    <ul>@foreach($errors->all() as $error) <li>{{$error}}</li> @endforeach</ul>
                </div>
            @endif

            @if(session('success'))
                <div class="alert alert-success">
                    <ul>
                        <li>{{ session('success') }}</li>
                    </ul>
                </div>
            @endif


            {{csrf_field()}}

            <div class="row">
                <h4>Update Answer for {{ $answer->ussd_question->ussd_service->name }} </h4>
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-2">
                    <span class="badge bg-primary">Question</span>
                    <p>
                        {{ $answer->ussd_question->question }}
                    </p>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="answer" class="col-sm-4 control-label form-label req">Answer</label>
                        <div class="col-sm-7">
                            <textarea  class="form-control" name="answer" id="answer" required>{{ $answer->answer }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
                <!-- display amount if question's service accepts sms amount and message -->
                @if($answer->ussd_question->ussd_service->ussd_service_type->acceptsSmsAmount())
                    <div id="pricing-form-inputs">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <button class="btn amountC" id="amountC" data-clipboard-text="1"><i
                                                class="fas fa-info-circle" style="color:green"></i></button>
                                    <label for="amount" class="col-sm-4 control-label form-label">Amount</label>
                                    <div class="col-sm-7">
                                        <input type="number" step="0.01" class="form-control" name="amount" id="amount"
                                               value="{{ $answer->amount }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <button class="btn messageC" id="messageC" data-clipboard-text="1"><i
                                                class="fas fa-info-circle" style="color:green"></i></button>
                                    <label for="sms-message" class="col-sm-4 control-label form-label ">SMS
                                        Message</label>
                                    <div class="col-sm-7">
                                        <textarea class="form-control" name="sms_message" id="sms-message">{{ $answer->sms_message }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            <div class="row mb-5">
                <div class="col-md-3 col-md-offset-4" style="text-align: right">
                    <button type="submit" id="saveBtn" class="btn btn-success"><i class="fa fa-check-circle-o"></i> <b>Update</b></button>
                </div>
            </div>

        </form>
    </div>
@stop
@push('scripts')
    <script src="{{ asset('lib/jstree/dist/jstree.min.js') }}"></script>
    <script src="{{ asset('lib/justgage/raphael-2.1.4.min.js') }}"></script>
    <script src="{{ asset('lib/justgage/justgage.js') }}"></script>
    <script src="{{ asset('lib/bs-multiselect/dist/js/bootstrap-multiselect.js') }}"></script>
    <script src="{{ asset('lib/tagsinput/dist/bootstrap-tagsinput.min.js') }}"></script>
    <script>
    </script>
@endpush