@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('updateProduk', [
                                'id' => $params->id,
                                'jenis' => $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 (json_decode($params->nomor_seri) ?? [] as $key => $value)
                                        <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="{{ $value }}">
                                            </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="{{ $params->nama }}">
                            </div>
                            <div class="mb-3">
                                <label for="type">Kategori</label>
                                <select class="form-select" name="type">
                                    <option>-- Pilih Kategori --</option>
                                    @foreach (\App\Models\Produk::getTypeAll() as $key => $value)
                                        <option value="{{ $key }}" {{ $params->type == $key ? 'selected' : '' }}>
                                            {{ $value }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="kelengkapan">Kelengkapan</label>
                                <input name="kelengkapan" type="text" class="form-control"
                                    placeholder="Masukan Kelengkapan"
                                    value="{{ implode(',', json_decode($params->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>-- Pilih Kondisi --</option>
                                        <option value="{{ \App\Models\Produk::BARU }}"
                                            {{ \App\Models\Produk::BARU == $params->kondisi ? 'selected' : '' }}>Baru
                                        </option>
                                        <option value="{{ \App\Models\Produk::BEKAS }}"
                                            {{ \App\Models\Produk::BEKAS == $params->kondisi ? 'selected' : '' }}>Bekas
                                        </option>
                                        <option value="{{ \App\Models\Produk::LAMA }}"
                                            {{ \App\Models\Produk::LAMA == $params->kondisi ? 'selected' : '' }}>Lama
                                        </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">
                                        @foreach (json_decode($params->harga) as $key => $value)
                                            <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="{{ $key }}">
                                                </div>
                                                <input class="harga-input form-control mb-2" name="harga[]" type="text"
                                                    placeholder="Masukan Harga" value="{{ $value }}">
                                            </div>
                                        @endforeach
                                    </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="{{ $params->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="{{ $params->tanggal_beli }}">
                                </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" value="{{ json_decode($params->harga)[0] }}">
                                        </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="{{ $params->stok }}">
                                </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">{{ $params->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">{{ $params->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">{{ $params->keterangan }}</textarea>
                            </div>
                            <div class="mb-3">
                                <label for="url">Link Spesifikasi</label>
                                <input name="url" type="text" class="form-control"
                                    placeholder="Masukan Link Spesifikasi" value="{{ $params->url }}">
                            </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