@extends('layouts.frontend.master')

@section('title', 'SM Api Settings')

@push('styles')
    <link rel="stylesheet" href="{{ asset('frontend/vendor/select2/css/select2.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/vendor/select2/css/select2-bootstrap4.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/vendor/select2/css/custom.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/css/css/frontend/support_manager/api-setting.css') }}"/>
@endpush

@section("page-heading-title")
    <div class="page-color-title p-4">
        <h1 class="heading">{{__('SM Api Settings') }}</h1>
{{--        <p class="sub-heading">Manage Your Api</p>--}}
    </div>
@endsection

@section("content")

    <div id="featured-services" class="featured-services mb-5">
        <div class="container" data-aos="fade-up">
            <form action="{{ route('support-manager.api_setting.update') }}" method="POST">
                @csrf @method('PATCH')
                <div class="row justify-content-center">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 p-0 mt-3 mb-2">
                        <div class="card px-0 mb-3">
                            @include('flash::message')

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="api_key">{{__('Api Key') }}</label>
                                        <input type="text"
                                               id="api_key"
                                               class="form-control {{ $errors->has('api_key') ? ' border-danger' : '' }}"
                                               value="{{ old('api_key', $apiSetting->api_key ?? '') }}"
                                               name="api_key"
                                               placeholder="Enter api key here"
                                        >
                                        @if($errors->has('api_key'))
                                            <span class="invalid-feedback">
                                                <strong>{{ $errors->first('api_key') }}</strong>
                                            </span>
                                        @endif
                                    </div>


                                    <div class="form-group">
                                        <label for="ip_address">{{__('IP Address') }}</label>
                                        <input type="text"
                                               id="ip_address"
                                               class="form-control {{ $errors->has('ip_address') ? ' is-invalid' : '' }}"
                                               value="{{ old('ip_address', $apiSetting->ip_address ?? '') }}"
                                               name="ip_address"
                                               placeholder="Enter ip address here"
                                        >
                                        @if($errors->has('ip_address'))
                                            <span class="invalid-feedback">
                                                <strong>{{ $errors->first('ip_address') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="align-self-start d-flex pl-4 mb-5">
                            <button type="submit" class="btn btn-primary px-4">{{__('Save') }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div><!-- End Featured Services Section -->

@endsection


@push('scripts')
    <script src="{{asset('frontend/js/jqueryui/jquery-ui.min.js')}}"></script>
    <script src="{{ asset('frontend/vendor/select2/js/select2.full.js') }}"></script>
    <script src="{{ asset('frontend/vendor/select2/custom.js') }}"></script>
    <script src="{{asset('frontend/js/support-manager/setting-import.js')}}"></script>
@endpush