@extends('layout.master')

@section('title', 'Tetapan Hubungi Kami')

@section('content')

<div class="page-header">
    <h5 class="page-title">Tetapan Hubungi Kami</h5>
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Laman Utama</a></li>
            <li class="breadcrumb-item">Pengurusan Web</li>
            <li class="breadcrumb-item active">Tetapan Hubungi Kami</li>
        </ol>
    </nav>
</div>

<section class="section">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form action="javascript:void(0)" class="form-horizontal" method="POST" id="form">
                        @csrf

                        <div class="mb-3">
                            <label class="form-label">Lokasi (google maps url)</label>
                            <input type="url" class="form-control" autocomplete="off" name="addressurl" value="{{ old('addressurl', $cms->where('type', 'hubungikami-addressurl')->value('content') ?? null) }}">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Alamat</label>
                            <input type="hidden" name="address" id="address">
                            <div id="editor" class="form-control p-0">
                                <p></p>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">No. Telefon</label>
                            <input type="text" class="form-control" autocomplete="off" name="phoneno" value="{{ old('phoneno', $cms->where('type', 'hubungikami-phoneno')->value('content') ?? null) }}">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Alamat E-mel</label>
                            <input type="email" class="form-control" autocomplete="off" name="email" value="{{ old('email', $cms->where('type', 'hubungikami-email')->value('content') ?? null) }}">
                        </div>

                        <div class="text-center">
                            <button class="btn btn-primary" type="submit">Simpan</button>
                            <a href="{{ route('hubungi') }}" class="btn btn-outline-danger">Batal</a>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
<script type="text/javascript">

    const quill = new Quill('#editor', {
        modules: {
            toolbar: false
        },
        theme: 'snow'
    });

    quill.history.undo();
    quill.setContents({!! $cms->where('type', 'hubungikami-address')->value('content') !!});
    

    $("#form").submit(function(e) {
        e.preventDefault();
        
        $("#address").val(JSON.stringify(quill.getContents()));

        const formData = new FormData(this);
        
        $.ajax({
            type:'POST',
            url: "{{ route('pengurusan_web.hubungikami_store') }}",
            data: formData,
            cache:false,
            contentType: false,
            processData: false,
            success: (data) => {
                Swal.fire({
                    icon: 'success',
                    text: 'Kandungan Pengenalan Telah Berjaya Diubah',
                    showConfirmButton: true,
                })
            },
            error: (data) => {
                console.log(data);
            }
        });
    });
</script>
@endsection