@extends('admin.layouts.app')

@section('content')
    <!--begin::Content container-->
    <div id="kt_app_content_containe pt-5" class="app-container container-xxl" data-bs-backdrop='static'>
        <!--begin::Card-->
        <div class="card my-5 m-xl-10">
            <!--begin::Card body-->
            <div class="card-body py-4">
                <form class="kt-form" action="{{ route('admin.' . $route . '.update', [$route => $integration->int_id]) }}"
                    name="tawkto_form" id="tawkto_form" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="status" class="form-label">Status</label>
                                <select name="data[status]" id="status" class="form-select">
                                    <option value="0"
                                        {{ old('data.status', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['status'] : 0) == 0 ? 'selected' : '' }}>
                                        Disable
                                    </option>
                                    <option value="1"
                                        {{ old('data.status', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['status'] : 1) == 1 ? 'selected' : '' }}>
                                        Enable
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="whatsapp_number" class="form-label">Whatsapp Number (With Country Code)</label>
                                <input type="text" name="data[whatsapp_number]" id="whatsapp_number"
                                    class="form-control form-control-lg mb-3 mb-lg-0 update_seo"
                                    value="{{ old('data.whatsapp_number', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['whatsapp_number'] : '') }}" required />
                                @error('data.whatsapp_number')
                                    <span class="error text-danger" aria-hidden="true">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="prefilled" class="form-label">WhatsApp pre-filled message (optional)</label>
                                <input type="text" name="data[prefilled]" id="prefilled"
                                    class="form-control form-control-lg mb-3 mb-lg-0 update_seo"
                                    value="{{ old('data.prefilled', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['prefilled'] : '') }}" required />
                                @error('data.prefilled')
                                    <span class="error text-danger" aria-hidden="true">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="name" class="form-label">WhatsApp Name</label>
                                <input type="text" name="data[name]" id="name"
                                    class="form-control form-control-lg mb-3 mb-lg-0 update_seo"
                                    value="{{ old('data.name', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['name'] : '') }}" required />
                                @error('data.name')
                                    <span class="error text-danger" aria-hidden="true">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="logo" class="form-label">Logo (optional)</label>
                                <input type="text" name="data[logo]" id="logo"
                                    class="form-control form-control-lg mb-3 mb-lg-0 update_seo"
                                    value="{{ old('data.logo', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['logo'] : '') }}" required />
                                @error('data.logo')
                                    <span class="error text-danger" aria-hidden="true">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="position" class="form-label">Position</label>
                                <select name="data[position]" id="position" class="form-select">
                                    <option value="left"
                                        {{ old('data.position', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['position'] : 'left') == 'left' ? 'selected' : '' }}>
                                        Left
                                    </option>
                                    <option value="right"
                                        {{ old('data.position', !empty($integrationsData) && !empty($integrationsData->data) ? $integrationsData->data['position'] : 'right') == 'right' ? 'selected' : '' }}>
                                        Right
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <img src="https://aularental.com/assets/images/whatsapp_integration.png"  class="img-fluid img-responsive" alt=""/>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-dark">Save Changes</button>
                    <a href="{{ route('admin.' . $route . '.index') }}" class="btn btn-secondary">Close</a>
                </form>
            </div>
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Card-->
    </div>
    <!--end::Content container-->
@endsection

@section('script')
@endsection