@php
    use App\Traits\TraitInventory\InventoryDropDownTrait;
@endphp
@extends('admin.layout.master')

<link href="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote-lite.min.css" rel="stylesheet">
<style>
    .input-group-text {
        min-width: 9rem;
        width: 9rem;
    }
    .note-editor {
        width: 100%;
    }
</style>

@section('content')
    @if (@isset($edit))
        {{ $edit->id }}
    @endif

    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4>{{ __('obs.presentation') }}</h4>
            <a href="{{ route('inventory.presentation.index') }}" class="btn btn-warning">{{ __('obs.presentation_list') }}</a>
        </div>
        <div class="card-body">
            <form method="POST" id="presentation_form">
                @csrf
                <input type="hidden" @if (@isset($edit) && $edit->id) value="{{ $edit->id }}" @endif name="id" />

                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="row g-lg-4 g-2">
                            <div class="col-md-6">
                                <div class="input-group">
                                    <span class="input-group-text">{{ __('obs.title') }} <span class="ms-2 text-danger lh-1 fs-4">*</span></span>
                                    <input type="text" class="form-control" id="title" name="title" placeholder="Title"
                                        value="@if(@isset($edit)){{ $edit->title }}@else{{ old('title') }}@endif" />
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="input-group">
                                    <span class="input-group-text">{{ __('obs.schedule_date') }} <span class="ms-2 text-danger lh-1 fs-4">*</span></span>
                                    <input type="text" class="form-control date-time-picker" id="schedule_date" name="schedule_date" placeholder=""
                                        value="@if(@isset($edit)){{ date("d-m-Y h:i A", strtotime($edit->schedule_date)) }}@else{{ old('schedule_date') }}@endif" />
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="input-group">
                                    <span class="input-group-text">{{ __('obs.location') }}</span>
                                    <input type="text" class="form-control" id="location" name="location" placeholder="Location"
                                        value="@if(@isset($edit)){{ $edit->location }}@else{{ old('location') }}@endif" />
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="input-group flex-nowrap">
                                    <span class="input-group-text">{{ __('obs.cost_center') }} <span class="ms-2 text-danger lh-1 fs-4">*</span></span>
                                    <select id="cost_center_id" name="cost_center_id" class="form-select select_2">
                                        <option value="">Select Cost Center</option>
                                        @foreach ($cost_centers as $cost_center)
                                            <option value="{{ $cost_center->id }}" @if (@isset($edit) && $edit->cost_center_id == $cost_center->id) selected @endif>{{ $cost_center->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6 d-none">
                                <div class="input-group flex-nowrap">
                                    <span class="input-group-text">{{ __('obs.status') }} <span class="ms-2 text-danger lh-1 fs-4">*</span></span>
                                    <select id="status" name="status" class="form-select select_2">
                                        @foreach (InventoryDropDownTrait::getPresentationStatus() as $status)
                                            <option value="{{ $status->id }}" @if (@isset($edit) && $edit->status == $status->id) selected @endif>{{ $status->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="input-group flex-nowrap">
                                    <span class="input-group-text">{{ __('obs.participants') }}</span>
                                    <textarea class="form-control editor" name="participants" id="participants" rows="3">@if(@isset($edit)){{ $edit->participants }}@else{{ old('participants') }}@endif</textarea>
                               </div>
                            </div>

                            <div class="col-12">
                                <div class="input-group flex-nowrap">
                                    <span class="input-group-text">{{ __('obs.description') }}</span>
                                    <textarea class="form-control editor" name="description" id="description" rows="3">@if(@isset($edit)){{ $edit->description }}@else{{ old('description') }}@endif</textarea>
                                </div>
                            </div>

                            <div class="col-12 d-none">
                                <div class="input-group flex-nowrap">
                                    <span class="input-group-text">{{ __('obs.outcome') }}</span>
                                    <textarea class="form-control editor" name="outcome" id="outcome" rows="3">@if(@isset($edit)){{ $edit->outcome }}@else{{ old('outcome') }}@endif</textarea>
                                </div>
                            </div>

                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-primary cl-btn cl-btn-primary">
                                    <i class="bi bi-file-earmark-arrow-up-fill me-2"></i>
                                    Submit
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>


@section('custom_js')
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote-lite.min.js"></script>
    <script>

        $(document).ready(function() {
            flatpickr('.date-time-picker', {
                enableTime: true,
                dateFormat: "d-m-Y h:i K",
                disableMobile: "true"
            });

            $('.editor').summernote({
                placeholder: 'type here...',
                tabsize: 2,
                height: 80,
                toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link']],
                ['view', ['codeview']]
                ]
            });

            $('#presentation_form').on('submit', function(e) {
                e.preventDefault();

                Swal.fire({
                    title: 'Are you sure to submit this?',
                    showDenyButton: true,
                    confirmButtonText: 'Yes',
                    denyButtonText: 'No',
                }).then((result) => {
                    if (result.isConfirmed) {
                        $('#loader').show();

                        $.ajax({
                            type: 'POST',
                            url: "{{ route('inventory.presentation.store') }}",
                            data: new FormData(this),
                            contentType: false,
                            processData: false,
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            success: function(res) {
                                // $('#loader').hide();
                                callSweetAlert('success', res.msg);
                                location.href = '/inventory/presentation/index';
                            },
                            error: function(xhr, status, error) {
                                let errorMessage = "";

                                if (xhr.status === 422) {
                                    let errors = xhr.responseJSON.errors;
                                    Object.values(errors).map(err => {
                                        errorMessage += `<div class="fw-bold mb-1">${err}</div>`;
                                    });
                                } else {
                                    errorMessage = "Something went wrong !";
                                }

                                $('#loader').hide();
                                callSweetAlert('error', 'Error!', errorMessage);
                            }
                        });
                    }
                })

            })
        });

    </script>
@endsection
@endsection