@extends('admin.layouts.app')
@section('title', 'Link to Online Ticket')
@section('content')
    @include('admin.includes.alerts')
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-6">

            <div class="main-card mb-3 card">
                <div class="card-body">

                    <form class="form-horizontal" method="post" enctype="multipart/form-data"
                          action="{{ route('Link Online Ticket') }}">
                        @csrf
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">Link as <strong>ONLINE</strong> or <strong>LIPA #</strong> Ticket</h3>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-8 verticalLine">
                                        <div class="form-group">
                                            <label class="col-md-12 control-label">Channel : </label>
                                            <div class="col-md-12">
                                                <input type="hidden" name="id" value="{{$id}}">
                                                <select class="form-control select" name="agent_id">
                                                    <option value="1">ONLINE</option>
                                                    <option value="507">LIPA #</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-12 control-label">Network : </label>
                                            <div class="col-md-12">
                                                <select class="form-control select" name="network">
                                                    <option value="MPESA">MPESA</option>
                                                    <option value="TIGOPESA">TIGOPESA</option>
                                                    <option value="AIRTEL">AIRTEL</option>
                                                    <option value="HALOPESA">HALOPESA</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-12 control-label"> TRANSACTION REFERENCE # : </label>
                                            <div class="col-md-12">
                                                <input name="txn_reference" placeholder="TXN ID"
                                                       type="text" class="form-control">
                                            </div>
                                        </div>

                                        <hr>
                                        <div class="form-group">
                                            <label class="col-md-3 control-label">Original Ticket : </label>
                                            <div class="col-md-12">
                                        <textarea class="form-control" name="sms" id="textO" onkeyup="count();" rows="10" cols="10"
                                                  placeholder="Type Your Message Here">{{$sms}}</textarea><br>
                                            </div>
                                        </div>

                                        <hr>
                                        <div class="form-group">
                                            <button type="submit" class="btn btn-primary pull-right">SUBMIT</button>
                                        </div>
                                    </div>

                                </div>

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

                </div>
            </div>


        </div>


    </div>

@endsection