@extends('layouts.master')

@section('title', 'Edit EF')

@section('content')
    <div class="card shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0 font-weight-bold">Edit EF</h5>
        </div>

        <div class="card-body">
            @if ($errors->has('error'))
                <div class="alert alert-danger">
                    {{ $errors->first('error') }}
                </div>
            @endif

            <form method="POST" action="{{ route($route.'.update', $ef->id) }}">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label for="activity_code">Aktivitas <span class="text-danger">*</span></label>
                    <select name="activity_code" id="activity_code"
                        class="form-control @error('activity_code') is-invalid @enderror">
                        <option value="">Pilih Aktivitas</option>
                        @foreach ($activities as $activity)
                            <option value="{{ $activity->code }}"
                                {{ $ef->activity_code == $activity->code ? 'selected' : '' }}>{{ $activity->name }}</option>
                        @endforeach
                    </select>
                    @error('activity_code')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="tag_1">Tag 1</label>
                    <input type="text" class="form-control @error('tag_1') is-invalid @enderror" id="tag_1"
                        name="tag_1" value="{{ old('tag_1', $ef->tag_1) }}">
                    @error('tag_1')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="tag_2">Tag 2</label>
                    <input type="text" class="form-control @error('tag_2') is-invalid @enderror" id="tag_2"
                        name="tag_2" value="{{ old('tag_2', $ef->tag_2) }}">
                    @error('tag_2')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="tag_3">Tag 3</label>
                    <input type="text" class="form-control @error('tag_3') is-invalid @enderror" id="tag_3"
                        name="tag_3" value="{{ old('tag_3', $ef->tag_3) }}">
                    @error('tag_3')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="category">Kategori <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('category') is-invalid @enderror" id="category"
                        name="category" value="{{ old('category', $ef->category) }}">
                    @error('category')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="ef_source_code">Sumber Data EF <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <select name="ef_source_code" id="ef_source_code"
                            class="form-control @error('ef_source_code') is-invalid @enderror">
                            <option value="">Pilih Sumber Data EF</option>
                            @foreach ($efSources as $efSource)
                                <option value="{{ $efSource->code }}"
                                    {{ $ef->ef_source_code == $efSource->code ? 'selected' : '' }}>{{ $efSource->name }}
                                </option>
                            @endforeach
                        </select>
                        <div class="input-group-append">
                            <button type="button" class="btn btn-secondary" id="addEfSourceBtn" data-toggle="modal"
                                data-target="#addEfSourceModal">Buat Sumber Data EF Baru</button>
                        </div>
                    </div>
                    @error('ef_source_code')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="value">Nilai <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('value') is-invalid @enderror" id="value"
                        name="value" value="{{ old('value', getFormattedValue($ef->value) ?? '') }}"
                        oninput="numberFormat(this)">
                    @error('value')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="description">Deskripsi</label>
                    <textarea class="form-control @error('description') is-invalid @enderror" id="description" name="description">{{ old('description', $ef->description) }}</textarea>
                    @error('description')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="active_status">Status <span class="text-danger">*</span></label>
                    <select class="form-control @error('active_status') is-invalid @enderror" id="active_status"
                        name="active_status">
                        <option value="1" {{ old('active_status', $ef->active_status) == 1 ? 'selected' : '' }}>Aktif
                        </option>
                        <option value="0" {{ old('active_status', $ef->active_status) == 0 ? 'selected' : '' }}>Tidak
                            Aktif</option>
                    </select>
                    @error('active_status')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <button type="button" class="btn btn-secondary mt-3" onclick="history.back()">Kembali</button>
                <button type="submit" class="btn btn-primary mt-3">Simpan</button>
            </form>
        </div>
    </div>

    @include('modules.setting.ef.modal')
@endsection

@section('js')
    <script>
        $(document).ready(function() {
            $('#activity_code').select2({
                placeholder: 'Pilih Aktivitas',
            });

            $('#ef_source_code').select2({
                placeholder: 'Pilih Sumber Data EF',
            });

            $('#active_status').select2({
                placeholder: 'Pilih Status',
            });
        });
    </script>
@endsection