{{--
    MODULE TEMPLATE — CREATE PAGE
    See index.blade.php's header comment for the rename checklist.
    Controller passes: $pageTitle, $pageDescription (+ anything the form needs, e.g. dropdown options).
--}}
@extends('layouts.app')
@section('content')
    <div class="contents">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-main">
                        <div class="w-100">
                            <h4 class="text-capitalize breadcrumb-title">{{ $pageTitle }}</h4>
                            <span class="text-capitalize breadcrumb-sub-title"><small>{{ $pageDescription }}</small></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">Create Item</h5>
                        </div>
                        <div class="card-body">
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul class="mb-0">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            {{-- TODO: update to '{yourmodule}._form' once this folder is renamed --}}
                            @include('_template.items._form')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
   $(function () {
      var form = document.getElementById('item-form');

      form.addEventListener('submit', function (e) {
         if (!form.checkValidity()) {
            form.reportValidity();
            return;
         }

         e.preventDefault();

         Swal.fire({
            icon: 'question',
            title: 'Create this record?',
            text: 'Please confirm the details are correct before creating.',
            showCancelButton: true,
            confirmButtonText: 'Yes, create',
            cancelButtonText: 'Cancel',
            confirmButtonColor: '#19bdb4',
         }).then(function (result) {
            if (result.isConfirmed) {
               form.submit();
            }
         });
      });
   });
</script>
@endsection