@props([
    'number' => 1,
    'title' => '',
    'yearSelected' => '',
    'link' => '',
    'years' => [],
])

<div class="card card-box sumber-data-card mt-4 mb-4">
    <div class="card-header" id="heading4-{{ $number }}">
        <h6 class="mb-0">Sumber Data {{ $number }}</h6>
    </div>
    <div class="card-body">
        <div class="card card-box">
            <div class="card-header" id="heading4-{{ $number }}-1">
                <h6 class="mb-0">Sumber Data</h6>
            </div>
            <div class="card-body">
                <div class="form-group mt-4">
                    <label class="label-title" for="titleSourceReference{{ $number }}">
                        JUDUL SUMBER DATA
                    </label>
                    <input type="text" class="form-control" name="titleSourceReference[]" id="titleSourceReference{{ $number }}" value="{{ $title }}">
                </div>

                <div class="form-group mt-4">
                    <label class="label-title" for="yearSourceReference{{ $number }}">
                        Tahun
                    </label>
                    <select class="form-control select-button" name="yearSourceReference[]" id="yearSourceReference{{ $number }}">
                        <option value="">-- Pilih Tahun --</option>
                        @foreach($years as $year)
                            <option value="{{ $year }}" {{ $year == $yearSelected ? 'selected' : '' }}>
                                {{ $year }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group mt-4">
                    <label class="label-title" for="linkSourceReference{{ $number }}">
                        TAUTAN URL FILE
                    </label>
                    <input type="text" class="form-control" name="linkSourceReference[]" id="linkSourceReference{{ $number }}" value="{{ $link }}">
                    <p class="text-muted mt-1" style="font-size: 10px;">
                        Tautan URL langsung menuju file (jika dapat diunduh)
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-4 mb-4 mr-4 text-right">
        <button type="button" class="btn btn-delete px-4 py-2" onclick="removeSumberData(this)">Hapus</button>
    </div>
</div>