@extends('layouts/layout')
@section('title', 'Templates')
@push('style')
@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- page content -->
<div class="" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 mt-2">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>SMS Credentials</h2>

                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content mt-0 p-0">
                        <form action="" method="post" class="mb-3">
                            @csrf
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Base Url</label>
                                    <input type="text" id="base_url" name="base_url" autocomplete="off"
                                        class="form-control" placeholder="Enter Base Url">
                                    <span id="base_url_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Api Url</label>
                                    <input type="text" id="api_url" name="api_url" autocomplete="off"
                                        class="form-control" placeholder="Enter Api Url">
                                    <span id="api_url_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Api Key</label>
                                    <input type="text" id="api_key" name="api_key" autocomplete="off"
                                        class="form-control" placeholder="Enter Api Key">
                                    <span id="api_key_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <!-- <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">MAIL FROM ADDRESS</label>
                                    <input type="text" id="mail_form_address" name="mail_form_address"
                                        autocomplete="off" class="form-control" placeholder="Enter Mail From Address ">
                                    <span id="template_mail_From_Address" class="text-danger d-inline-block"></span>
                                </div>
                            </div> -->
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Status</label>
                                    <select class="select2 form-control" name="status" id="status"
                                        data-toggle="select2">
                                        <option value="" selected>Select Status</option>
                                        <option value="1">Active</option>
                                        <option value="0">Inactive</option>
                                    </select>
                                    <span id="status_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 offset-md-5">
                                    <input type="submit" class="btn btn-success btn-round btn-primary"
                                        name="create_template" id="create_template" value="Submit Credentials" />
                                    <!-- <button type="submit" class="btn btn-round btn-primary">Submit</button> -->
                                </div>
                            </div>
                        </form>
                        <div class="col-md-12 col-sm-12 ">
                            <div class="">
                                <div class="">

                                    <table id="datatable-fixed-header"
                                        class="table table-striped table-bordered text-center" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Sr No.</th>
                                                <th>Base Url</th>
                                                <th>API Url</th>
                                                <th>API Key</th>
                                                <th>Status</th>
                                                <th>Action</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($sms as $sms)
                                            <tr>
                                                @php
                                                $i = "Active"
                                                @endphp
                                                @php
                                                $j = "Inactive"
                                                @endphp
                                                <td>{{$sms->id}}</td>
                                                <td>{{$sms->base_url}}</td>
                                                <td>{{$sms->api_url}}</td>
                                                <td>{{$sms->api_key}}</td>

                                                <td> @php
                                                    $var = $sms->status==1
                                                    @endphp
                                                    @if($var==1)
                                                    <label class="badge  badge-success">{{$i}}</label>
                                                    @else
                                                    <label class="badge badge-warning">{{ $j }}</label>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a class="btn btn-primary btn-sm btn-round text-white"
                                                        href="{{ route('sms_credentials.edit', $sms->id)}}">
                                                        <i class="fa fa-pencil" style=""></a></i>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
@endsection
@push('scripts')
<script>
$(document).ready(function() {
    $("#create_template").on('click', function() {
        var error_msg = "";

        if ($("#base_url").val() == "") {
            $("#base_url_error").text("Please Base Url.");
            error_msg = "Error";
        } else {
            $("#base_url_error").text("");
        }

        if ($("#api_url").val() == "") {
            $("#api_url_error").text("Please enter Api Url.");
            error_msg = "Error";
        } else {
            $("#api_url_error").text("");
        }

        if ($("#api_key").val() == "") {
            $("#api_key_error").text("Please enter Api Key.");
            error_msg = "Error";
        } else {
            $("#api_key_error").text("");
        }


        if ($("#status").val() == "") {
            $("#status_error").text("Please select Status.");
            error_msg = "Error";
        } else {
            $("#status_error").text("");
        }

        if (error_msg) {
            return false;
        }
    });

});
</script>
@endpush