@extends('app')
@section('page_title') Update USSD Service @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">
            @if(count($errors)>0)
                <div class="alert alert-danger">
                    <ul>@foreach($errors->all() as $error)
                            <li>{{$error}}</li> @endforeach</ul>
                </div>
            @endif
            {{csrf_field()}}

            <div class="row">
                <h4>UPDATE USSD SERVICE</h4>
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="name" class="col-sm-4 control-label form-label req">Name</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="name" id="name" value="{{  $service->name  }}"
                                   autofocus required>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="code" class="col-sm-4 control-label form-label req">Code</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="code" id="code" value="{{ $service->code }}"
                                   required disabled readonly>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="service_type" class="col-sm-4 control-label form-label">Service Type</label>
                        <div class="col-sm-7">
                            <select name="ussd_service_type_id" id="service_type" class="form-control " required>
                                @foreach($serviceTypes as $serviceType)
                                    <option value="{{ $serviceType->id }}" {{ $service->ussd_service_type_id == $serviceType->id ? 'selected' : '' }}>{{ $serviceType->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="description" class="col-sm-4 control-label form-label req">Description</label>
                        <div class="col-sm-7">
                            <textarea class="form-control" name="description" id="description"
                                      required>{{ $service->description }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
{{--                <div class="row">--}}
{{--                    <div class="col-md-8">--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="keyword" class="col-sm-4 control-label form-label req">Keyword</label>--}}
{{--                            <div class="col-sm-7">--}}
{{--                                <input type="text" class="form-control" name="keyword" id="keyword"--}}
{{--                                       value="{{ $service->keyword }}">--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
            <div class="row mb-5">
                <div class="col-md-3 col-md-offset-4" style="text-align: right">
                    <button id="cancelBtn" onclick="event.preventDefault(); window.history.back();"
                            class="btn btn-danger mr-5"><i class="fa fa-times-circle"></i> <b>Cancel</b></button>
                    <button type="submit" id="saveBtn" class="btn btn-success"><i class="fa fa-check-circle-o"></i> <b>Update</b>
                    </button>
                </div>
            </div>
            <hr style="margin: 5px auto 15px auto;"/>
            <div class="row">
                <div class="col-md-8 col-md-offset-2 mb-5">
                    <h5>NOTICE</h5>
                    <small>
                        Kindly note that services are allowed trial period of 1 week after which they will
                        be de-activated. To reactivate your service kindly contact Npontu Technologies for payment.
                    </small>
                </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