@extends('vendor.installer.layouts.master')

@section('template_title')
   Step 6 | Save Client Settings & Complete
@endsection

@section('title')
    <i class="fa fa-magic fa-fw" aria-hidden="true"></i>
    {!! trans('installer_messages.environment.wizard.title') !!}
@endsection

@section('container')

        <div class="w-900px content d-flex flex-column flex-column-fluid" id="kt_content">

          <!--begin::Toolbar-->
            <div class="toolbar" id="kt_toolbar">
                <!--begin::Container-->
                <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
                    <!--begin::Page title-->
                    <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
                        <!--begin::Title-->
                        <h1 class="d-flex text-dark fw-bolder fs-3 align-items-center my-1">Client Configuration Settings</h1>
                        <!--end::Title-->
                        <!--begin::Separator-->
                        <span class="h-20px border-gray-300 border-start mx-4"></span>
                        <!--end::Separator-->
                        <!--end::Breadcrumb-->
                    </div>
                    <!--end::Page title-->
                </div>
                <!--end::Container-->
            </div>
            <!--end::Toolbar-->

            <!--begin::Post-->
            <div class="post d-flex flex-column-fluid" id="kt_post">
                <!--begin::Container-->
                <div id="kt_content_container" class="container-xxl">
                    <!--begin::Form-->
                        @include('backend.includes.flash-message')
                        {{ html()->form('FEED', route('LaravelInstaller::postclientsettings'))->class('form d-flex flex-column ')->open() }}
                        <!-- <form action="{{route('backend.feeds.updatesetting')}}" class="form d-flex flex-column " enctype="multipart/form-data" method="POST" files='true'> -->
                        @csrf
                        <div class="d-flex flex-column flex-lg-row-fluid gap-7 gap-lg-0">
        
                          <div class="card card-flush pt-0 mt-0">
                            <!--begin::Card header-->
                            <div class="card-header">
                              <div class="card-title">
                                <h4>Process Max Limit</h4>
                              </div>
                            </div>
                            <!--end::Card header-->
                            <!--begin::Card body-->
                            <div class="card-body pt-0 pb-0">
                              <!--begin::Billing address-->
                              <div class="d-flex flex-column gap-5 gap-md-7">
                                <!--begin::Input group-->
                                <div class="d-flex flex-column flex-md-row gap-5">
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">Feed</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_feed_max_limit" onkeypress="return onlyNumberKey(event)" pattern="[0-9]*" value="{{isset($configData['client_feed_max_limit'])?$configData['client_feed_max_limit']:''}}" type="number" placeholder="e.g. 10" />
                                    <!--end::Input-->
                                  </div>
                                </div>
                                <!--end::Input group-->
                              </div>
                              <!--end::Billing address-->
                            </div>
                            <!--end::Card body-->
                          </div>
                          <div class="card card-flush pt-0 mt-0">
                            <!--begin::Card header-->
                            <div class="card-header">
                              <div class="card-title">
                                <h4>S3 Settings</h4>
                              </div>
                            </div>
                            <!--end::Card header-->
                            <!--begin::Card body-->
                            <div class="card-body pt-0 pb-0">
                              <!--begin::Billing address-->
                              <div class="d-flex flex-column gap-5 gap-md-7">
                                <!--begin::Input group-->
                                <div class="d-flex flex-column flex-md-row gap-5">
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">S3 URL</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_s3_url"  placeholder="e.g. 1000"  value="{{isset($configData['client_s3_url'])?$configData['client_s3_url']:''}}" type="text" />
                                    <!--end::Input-->
                                  </div>
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">S3 Folder</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_s3_folder" placeholder="e.g. 1000" value="{{isset($configData['client_s3_folder'])?$configData['client_s3_folder']:''}}" type="text" />
                                    <!--end::Input-->
                                  </div></div>
                                <!--end::Input group-->

                                <!--begin::Input group-->
                                <div class="d-flex flex-column flex-md-row gap-5">
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">AWS ACCESS KEY ID</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_aws_access_key_id"  placeholder="AWS ACCESS KEY ID"  value="{{isset($configData['client_aws_access_key_id'])?$configData['client_aws_access_key_id']:''}}" type="text" />
                                    <!--end::Input-->
                                  </div>
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">AWS SECRET ACCESS KEY</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_aws_secret_access_key" placeholder="AWS SECRET ACCESS KEY" value="{{isset($configData['client_aws_secret_access_key'])?$configData['client_aws_secret_access_key']:''}}" type="text" />
                                    <!--end::Input-->
                                  </div>
                                </div>
                                <!--end::Input group-->

                                <!--begin::Input group-->
                                <div class="d-flex flex-column flex-md-row gap-5">
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">AWS DEFAULT REGION</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_aws_default_region"  placeholder="AWS DEFAULT REGION"  value="{{isset($configData['client_aws_default_region'])?$configData['client_aws_default_region']:''}}" type="text" />
                                    <!--end::Input-->
                                  </div>
                                  <div class="fv-row flex-row-fluid">
                                    <!--begin::Label-->
                                    <label class="form-label">AWS BUCKET</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="fs-6 form-control form-control-lg form-control-solid" name="client_aws_bucket" placeholder="AWS BUCKET" value="{{isset($configData['client_aws_bucket'])?$configData['client_aws_bucket']:''}}" type="text" />
                                    <!--end::Input-->
                                  </div>
                                </div>
                                <!--end::Input group-->

                              </div>
                              <!--end::Billing address-->
                            </div>
                            <!--end::Card body-->
                          </div>
                        </div>

                        <div class="d-flex justify-content-end mt-5">
                                <!--begin::Button-->
                                <button type="submit" id="kt_ecommerce_add_product_submit" class="btn btn-primary">
                                    <span class="indicator-label">Save Changes</span>
                                    <span class="indicator-progress">Please wait...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                                <!--end::Button-->
                            </div>
                        {{ html()->form()->close() }}
                    </div>
                    <!--end::Container-->
                </div>
                <!--end::Post-->
            </div>
@endsection

@section('scripts')
<script type="text/javascript">
  function onlyNumberKey(evt) {
          
        // Only ASCII character in that range allowed
        var ASCIICode = (evt.which) ? evt.which : evt.keyCode
        if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57))
            return false;
        return true;
    }
</script>
@endsection