@extends('layout/admin/main')

@section('content')
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12 mx-auto">
                <div class="card z-index-0">
                    <div class="card-header pb-0">
                        <h6>{{ $title }}</h6>
                    </div>
                    <div class="card-body">
                        @if (session('error'))
                            <div class="alert alert-danger">
                                <b>Opps!</b> {{ session('error') }}
                            </div>
                        @endif
                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{ route('storeProduk', ['id' => $id]) }}" method="post" role="form text-left">
                            @csrf
                            @if ($id == \App\Models\Produk::SEWA)
                                <label for="harga">Nomor Seri</label>
                                <i class="fa-solid fa-plus text-success" id="add-nomor-seri"></i>
                                <div class="list-nomor-seri">
                                    @forelse (old('nomor_seri') ?? [] as $item)
                                        <div class="nomor-seri-group" id="nomor-seri-group-1">
                                            <div class="mb-3">
                                                <p class="text-sm p-0 m-0 mx-1">
                                                    <span class="nomor_seri">Nomor Seri</span>
                                                    <i class="fa-solid fa-trash text-danger delete-nomor-seri"></i>
                                                </p>
                                                <input name="nomor_seri[]" type="text" class="form-control"
                                                    placeholder="Masukan Nomor Seri" value="{{ $item }}">
                                            </div>
                                        </div>
                                    @empty
                                        <div class="nomor-seri-group" id="nomor-seri-group-1">
                                            <div class="mb-3">
                                                <p class="text-sm p-0 m-0 mx-1">
                                                    <span class="nomor_seri">Nomor Seri</span>
                                                    <i class="fa-solid fa-trash text-danger delete-nomor-seri"></i>
                                                </p>
                                                <input name="nomor_seri[]" type="text" class="form-control"
                                                    placeholder="Masukan Nomor Seri">
                                            </div>
                                        </div>
                                    @endforelse

                                </div>
                            @endif
                            <div class="mb-3">
                                <label for="nama">Nama</label>
                                <input name="nama" type="text" class="form-control" placeholder="Masukan Nama"
                                    value="{{ old('nama') }}">
                            </div>
                            <div class="mb-3">
                                <label for="type">Kategori</label>
                                <select class="form-select" name="type">
                                    <option selected value="">-- Pilih Kategori --</option>
                                    @foreach (\App\Models\Produk::getTypeAll() as $key => $value)
                                        <option value="{{ $key }}" {{ old('nama') == $key ? 'selected' : '' }}>
                                            {{ $value }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="nama">Kelengkapan</label>
                                <input name="kelengkapan" type="text" class="form-control"
                                    placeholder="Masukan Kelengkapan" value="{{ old('kelengkapan') }}">
                                <label class="text-secondary">contoh : kelengkapan 1, kelengkapan 2, kelengkapan 3
                                    ....</label>
                            </div>
                            @if ($id == \App\Models\Produk::SEWA)
                                <div class="mb-3">
                                    <label for="kondisi">Kondisi</label>
                                    <select class="form-select" name="kondisi">
                                        <option selected value="">-- Pilih Kondisi --</option>
                                        <option value="{{ \App\Models\Produk::BARU }}"
                                            {{ old('kondisi') == \App\Models\Produk::BARU ? 'selected' : '' }}>Baru
                                        </option>
                                        <option value="{{ \App\Models\Produk::BEKAS }}"
                                            {{ old('kondisi') == \App\Models\Produk::BEKAS ? 'selected' : '' }}>Bekas
                                        </option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="harga">Harga</label>
                                    <i class="fa-solid fa-plus text-success" id="add-harga"></i>
                                    <div class="list-harga">
                                        <div class="harga-group" id="harga-group-1">
                                            <p class="text-sm p-0 m-0 mx-1">
                                                <span class="label_harga">Harga</span>
                                                <i class="fa-solid fa-trash text-danger delete-harga"></i>
                                            </p>
                                            <div class="input-group flex-nowrap">
                                                <input class="harga-input form-control mb-2" name="label_harga[]"
                                                    type="text" placeholder="Masukan Label Harga" value="12 Jam">
                                            </div>
                                            <input class="harga-input form-control mb-2" name="harga[]" type="text"
                                                placeholder="Masukan Harga">
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="harga_beli">Harga Beli</label>
                                    <input name="harga_beli" type="text" class="form-control"
                                        placeholder="Masukan Harga Beli" value="{{ old('harga_beli') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="tanggal_beli">Tanggal Beli</label>
                                    <input name="tanggal_beli" type="date" class="form-control"
                                        placeholder="Masukan Tanggal Beli" value="{{ date('Y-m-d') }}">
                                </div>
                            @else
                                <div class="mb-3">
                                    <label for="harga">Harga</label>
                                    <div class="list-harga">
                                        <div class="harga-group" id="harga-group-1">
                                            <input class="harga-input form-control mb-2" name="harga[]" type="text"
                                                placeholder="Masukan Harga">
                                        </div>
                                    </div>
                                </div>
                            @endif
                            @if ($id == \App\Models\Produk::SEWA)
                                <div class="mb-3">
                                    <label for="stok">Stok</label>
                                    <input name="stok" type="number" class="form-control" placeholder="Masukan Stok"
                                        value="{{ old('number') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="kondisi_terkini">Kondisi Terkini</label>
                                    <textarea cols="30" rows="5" name="kondisi_terkini" class="form-control"
                                        placeholder="Masukan Kondisi Terkini" value="{{ old('kondisi_terkini') }}"></textarea>
                                </div>
                                <div class="mb-3">
                                    <label for="tempat_beli">Tempat Beli</label>
                                    <textarea cols="30" rows="5" name="tempat_beli" class="form-control" placeholder="Masukan Tempat Beli"></textarea>
                                </div>
                            @endif
                            <div class="mb-3">
                                <label for="keterangan">Catatan</label>
                                <textarea cols="30" rows="5" name="keterangan" class="form-control" placeholder="Masukan Keterangan"></textarea>
                            </div>
                            <div class="mb-3">
                                <label for="nama">Link Spesifikasi</label>
                                <input name="url" type="text" class="form-control"
                                    placeholder="Masukan Link Spesifikasi">
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2">Simpan</button>
                                <a href="{{ url()->previous() }}" class="btn w-100 mb-2">Kembali</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('#add-harga').click(function() {
                var hargaGroup = $('.harga-group').first().clone();
                hargaGroup.find('.label_harga').text('Harga');
                hargaGroup.find('.harga-input').val('');
                $('.list-harga').append(hargaGroup);

                $('html, body').animate({
                    scrollTop: hargaGroup.offset().top
                }, 500);
            });

            $(document).on('click', '.delete-harga', function() {
                var hargaGroup = $(this).closest('.harga-group');
                if (hargaGroup.index() !== 0) {
                    hargaGroup.remove();
                }
            });
        });
    </script>
    <script>
        $(document).ready(function() {
            $('#add-nomor-seri').click(function() {
                var nomorSeriGroup = $('.nomor-seri-group').first().clone();
                nomorSeriGroup.find('.nomor_seri').text('Nomor Seri');
                nomorSeriGroup.find('.nomor_seri').val('');
                $('.list-nomor-seri').append(nomorSeriGroup);

                $('html, body').animate({
                    scrollTop: nomorSeriGroup.offset().top
                }, 500);
            });

            $(document).on('click', '.delete-nomor-seri', function() {
                var nomorSeriGroup = $(this).closest('.nomor-seri-group');
                if (nomorSeriGroup.index() !== 0) {
                    nomorSeriGroup.remove();
                }
            });
        });
    </script>
@endsection