@extends('layouts.master')

@section('title', 'Tambah 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">Tambah 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.'.store') }}">
                @csrf

                <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 }}"
                                {{ old('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') }}">
                    @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') }}">
                    @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') }}">
                    @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') }}">
                    @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 }}"
                                    {{ old('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') }}" 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') }}</textarea>
                    @error('description')
                        <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('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',
            });
        });
    </script>
@endsection