@extends('layouts.app')

@section('content')
<div class="container-fluid content-inner py-4">
    <div class="row">

        {{-- Sidebar --}}
        @include('sections.setting-sidebar')

        {{-- Main content --}}
        <div class="col-lg-9 col-md-12">
            <x-setting-card>
                <x-slot name="header">
                    <h2 class="mb-0 p-20 f-21 font-weight-normal border-bottom-grey">
                        @lang($pageTitle)
                    </h2>
                </x-slot>

                <x-form id="zoho-setting-form" method="POST" :action="route('zoho-setting.save')">
                    @csrf
                    @if($zohoSetting)
                        @method('PUT')
                    @endif

                    <x-table class="table-bordered">
                        <x-slot name="thead">
                            <th>@lang('modules.zoho.clientId')</th>
                            <th>@lang('modules.zoho.clientSecret')</th>
                            <th>@lang('modules.zoho.redirectUri')</th>
                            <th class="text-right pr-20">@lang('app.action')</th>
                        </x-slot>

                        <tr>
                            <td>
                                <input type="text" name="client_id" class="form-control" value="{{ $zohoSetting?->client_id ?? '' }}" required>
                            </td>
                            <td>
                                <input type="text" name="client_secret" class="form-control" value="{{ $zohoSetting?->client_secret ?? '' }}" required>
                            </td>
                            <td>
                                <input type="text" name="redirect_uri" class="form-control" value="{{ $zohoSetting?->redirect_uri ?? '' }}">
                            </td>
                            <td class="text-right pr-20">
                                <x-forms.button-primary type="submit">
                                    @if($zohoSetting)
                                        @lang('app.update')
                                    @else
                                        @lang('app.add')
                                    @endif
                                </x-forms.button-primary>
                            </td>
                        </tr>
                    </x-table>
                </x-form>
            </x-setting-card>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $('#zoho-setting-form').on('submit', function(e) {
        e.preventDefault();
        let form = $(this);

        $.easyAjax({
            url: form.attr('action'),
            type: form.attr('method'),
            data: form.serialize(),
            container: form,
            success: function(response) {
                if(response.status === 'success'){
                    alert("@lang('messages.recordSaved')");
                    location.reload();
                }
            }
        });
    });
</script>
@endpush