@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>
    .label {
        min-width: 9rem;
        width: 9rem;
    }
    .note-editor {
        width: 100%;
    }
</style>

@section('content')
    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4>{{ lt('obs.presentation_list') }}</h4>
            <a href="{{ route('inventory.presentation.create') }}"
                class="btn btn-warning">{{ lt('obs.presentation_create') }}</a>
        </div>
        <div class="card-body">
            <div class="row g-2 mb-3">
                <div class="col-lg-2 col-md-4 col-sm-6">
                    <div class="input-group">
                        <span class="input-group-text">{{ lt('obs.title') }}</span>
                        <input type="text" id="title" class="form-control" placeholder="title" />
                    </div>
                </div>

                <div class="col-lg-2 col-md-4 col-sm-6">
                    <div class="input-group flex-nowrap">
                        <span class="input-group-text">{{ lt('obs.status') }}</span>
                        <select id="status" class="form-select select_2">
                            <option value="">{{ lt('obs.all') }}</option>
                            @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-lg-2 col-md-4 col-sm-6">
                    <div class="input-group">
                        <span class="input-group-text">{{ lt('obs.start_date') }}</span>
                        <input type="text" id="start_date" class="form-control date-picker" value="{{date("d-m-Y")}}" />
                    </div>
                </div>

                <div class="col-lg-2 col-md-4 col-sm-6">
                    <div class="input-group">
                        <span class="input-group-text">{{ lt('obs.end_date') }}</span>
                        <input type="text" id="end_date" class="form-control date-picker" value="{{date("d-m-Y")}}" />
                    </div>
                </div>

                <div class="col-lg-2 col-2">
                    <button id="prs_filter" class="btn btn-primary h-100">
                        <i class="icofont-search"></i>
                    </button>
                </div>
            </div>

            <div class="cl-table-container" id="printThis" style="max-height: calc(100vh - 280px)">

            </div>
        </div>
    </div>
    

    <div class="modal fade" id="presentation_complete_modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ lt('obs.presentation_status') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
					<div class="row g-3">
						<input type="hidden" id="presentation_id" />

                        <div class="col-md-6">
                            <div class="input-group flex-nowrap">
                                <span class="input-group-text label">{{ lt('obs.status') }}</span>
                                <select id="status_id" class="form-select select_2">
                                    @foreach (InventoryDropDownTrait::getPresentationStatus() as $status)
                                        <option value="{{ $status->id }}">{{ $status->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
						<div class="col-12">
							<div class="input-group flex-nowrap">
								<span class="input-group-text label">{{ lt('obs.outcome') }}</span>
								<textarea class="form-control editor" id="outcome" rows="3"></textarea>
							</div>
						</div>
					</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" onclick="setStatus()" class="btn btn-primary">Save</button>
                </div>
            </div>
        </div>
    </div>


@section('custom_js')
	<script src="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote-lite.min.js"></script>
    <script>
        $('#prs_filter').on('click', function() {
            const data = {
                title: $('#title').val(),
                start_date: $('#start_date').val(),
                end_date: $('#end_date').val(),
                status: $('#status').val(),
            }

            ajaxCallV2("{{ route('inventory.presentation.index') }}", 'GET', data, (res) => {
                $('#loader').hide();
                $('#printThis').html(res);
            });
        })

        function setStatus() {
			const id = $('#presentation_id').val();
			const status = $('#status_id').val();
			const outcome = $('#outcome').val();

			ajaxCallV2("{{ route('inventory.presentation.set_outcome') }}", 'GET', {id, status, outcome}, (res) => {
				$('#loader').hide();
				callSweetAlert('success', `<p class="text-success">${res.msg}</p>`);
				$('#presentation_complete_modal').modal('hide');
				$('#prs_filter').click();
			}, (res) => {
				callSweetAlert('error', `<p class="text-danger">${res.msg}</p>`);
			});
        }

		function setPresentation(id, status, outcome) {
			$('#presentation_id').val(id);
            $('#status_id').val(status).trigger('change');
            $('#outcome').summernote('code', outcome);
		}

		function deletePresentation(id) {
			Swal.fire({
				title: 'Are you sure to delete this?',
				showDenyButton: true,
				confirmButtonText: 'Yes',
				denyButtonText: 'No',
			}).then((result) => {
				if (result.isConfirmed) {
					ajaxCallV2("{{ route('inventory.presentation.delete') }}", "GET", {id}, (res) => {
						Swal.fire(res.msg, '', 'success');
						$('#loader').hide();
						$('#prs_filter').click();
					}, (res) => {
						Swal.fire(res.msg, '', 'error')
					})
				}
			})
		}

		$(document).ready(function() {
            $('#prs_filter').click();

			$('.editor').summernote({
				placeholder: 'Hello stand alone ui',
				tabsize: 2,
				height: 120,
				toolbar: [
				['style', ['style']],
				['font', ['bold', 'underline', 'clear']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['table', ['table']],
				['insert', ['link', 'picture', 'video']],
				['view', ['fullscreen', 'codeview', 'help']]
				]
			});
		})
    </script>
@endsection
@endsection