@extends('layout')

@section('title')
Customer
@endsection

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Birthday Content</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Customer</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        @include('flash-message')
        <div class="card card-default">
            <div class="card-header">
                <div class="card-title">
                    <div class="row align-items-center btn-back">
                        <span class="fas fa-arrow-left"></span>
                        <div class="ml-2"><h3 class="card-title">Birthday Content</h3></div>
                    </div>
                </div>
                <div class="card-tools">
                    <button class="btn btn-primary submit">Submit</button>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-12">
                        <form class="form-horizontal" method="POST" action="{{ route('birthday-update', $id) }}" id="form-birthday-content" enctype="multipart/form-data">
                            @method('PUT')    
                            @csrf
                            <div class="form-group">
                                <label for="">Email Title</label>
                                <input type="text" class="form-control form-control-border" name="title" value="{{ $title ? $title : '' }}">
                            </div>
                            <div class="form-group">
                                <label for="">Email Subject</label>
                                <input type="text" class="form-control form-control-border" name="subject" value="{{ $subject ? $subject : '' }}">
                            </div>
                            <div class="form-group">
                                <label for="">Email Body</label>
                                <textarea name="body" class="form-control form-control-border" id="" cols="30" rows="10">{{ $body ? $body : '' }}</textarea>
                                <span class="text-warning">*Gunakan {NAMA} untuk menyisipkan nama</span>
                            </div>
                        </form>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</section>
@endsection

@section('script')
<script>
    $(document).on('click', '.submit', function(){
        $('#form-birthday-content').trigger('submit')
    })

    $('#form-birthday-content').on('submit', function(e){
        e.preventDefault()
        $.ajax({
            url: $(this).attr('action'),
            type: "POST",
            data: new FormData(this),
            dataType: "JSON",
            processData: false,
            contentType: false,
            cache: false,
            success: function(res) {
                // toast('success', 'Data berhasil diperbarui')
                location.reload()
            }
        })
    })
</script>
@endsection