@extends('layouts.app')

@section('content')
     <!-- Main content-->
     <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="view-header">
                        <div class="header-icon">
                            <i class="pe page-header-icon pe-7s-albums"></i>
                        </div>
                        <div class="header-title">
                            <h3>SMS Default Settings</h3>
                        </div>
                    </div>
                    <hr>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-filled">
                        <div class="panel-body">
                            <form class="frm">
                                <div class="form-group"><label for="to">Company Name</label> <input type="text" class="form-control" name="company_name" value="{{isset($settings->company_name)?$settings->company_name:''}}"></div>
                                <div class="form-group"><label for="from">SMS Route</label> <input type="text" class="form-control" name="sms_route" value="{{isset($settings->sms_route)?$settings->sms_route:''}}"></div>
                                <div>
                                    <input type="button" class="btn btn-default btn-save" value="Save"/>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<!-- End main content-->

<script>
    $(document).ready(function () {
         $('.btn-save').click(function() {
            var frm = $('.frm');
            var data_post = frm.serialize();
            $.ajax({
                type: "POST",
                url: "{{ route('api.sms.config') }}",
                headers: {
                    'Authorization': `Bearer {{auth()->user()->api_token}}`,
                },
                data:data_post,
                success: function (data, status, jqXHR) {
                    //console.log(data);
                    toastr.success(data);
                },
                error: function (jqXHR, status) {
                    //console.log(jqXHR);
                    toastr.error(jqXHR.responseJSON.message);
                }
            });
         });
    });
</script>
@endsection