@extends('layouts.main')

@section('breadcrumbs')
    {{ Breadcrumbs::render(request()->route()->getName(), request()->route('id')) }}
@endsection

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        <form action="{{ route('tender.penawaran.storePenawaran', $id) }}" method="POST">
            @csrf

            <div class="card pb-2.5">
                <div class="card-header" id="basic_settings">
                    <h3 class="card-title">
                        Tambah Data Penawaran
                    </h3>
                    <div class="flex items-center gap-2">
                        <a href="{{ route('tender.penawaran.show', $id) }}" class="btn btn-xs btn-primary" title="Detail"><i
                                class="ki-outline ki-abstract-26"></i> Detail</a>
                        <a href="{{ route('tender.penawaran.index') }}" class="btn btn-xs btn-info"><i
                                class="ki-filled ki-exit-left"></i>
                            Back</a>
                    </div>
                </div>
                <div class="card-body grid gap-5">
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Nomor Registrasi
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input type="text" value="{{ $penawaran->nomor_registrasi ?? '-' }}" name="nomor_registrasi"
                                class="flex w-full text-gray-600 font-medium text-sm input-custom" readonly>
                            @error('nomor_registrasi')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Nomor Penawaran
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input @error('code') border-danger  @enderror" type="text" name="code"
                                value="{{ old('code') }}">
                            @error('code')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Nama KJPP Sebelumnya
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <select name="nama_kjpp_sebelumnya[]" multiple="multiple"
                                class="input tomselect w-full @error('nama_kjpp_sebelumnya') border-danger @enderror"
                                id="nama_kjpp_sebelumnya_select">
                                <option value="">Pilih Nama KJPP Sebelumnya</option>
                                @foreach ($kjpp as $row)
                                    <option value="{{ $row->name }}"
                                        {{ in_array($row->name, old('nama_kjpp_sebelumnya', [])) ? 'selected' : '' }}>
                                        {{ $row->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('nama_kjpp_sebelumnya')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Biaya KJPP Sebelumnya
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input  @error('biaya_kjpp_sebelumnya') border-danger  @enderror" type="text"
                                name="biaya_kjpp_sebelumnya" value="{{ old('biaya_kjpp_sebelumnya') }}">
                            @error('biaya_kjpp_sebelumnya')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                        <label class="form-label max-w-56">
                            Tanggal Penilaian Sebelumnya
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input  @error('tanggal_penilaian_sebelumnya') border-danger  @enderror"
                                type="date" name="tanggal_penilaian_sebelumnya"
                                value="{{ old('tanggal_penilaian_sebelumnya') }}">
                            @error('tanggal_penilaian_sebelumnya')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Tujuan Penilaian KJPP
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <select id="tujuan_penilaian_kjpp_id"
                                class="select w-full @error('tujuan_penilaian_kjpp_id') border-danger  @enderror"
                                name="tujuan_penilaian_kjpp_id">
                                <option value="">Pilih Tujuan Penilaian KJPP</option>
                                @if (isset($tujuan_penilaian_kjpp))
                                    @foreach ($tujuan_penilaian_kjpp as $tp)
                                        <option value="{{ $tp->id }}"
                                            {{ old('tujuan_penilaian_kjpp_id') == $tp->id ? 'selected' : '' }}>
                                            {{ $tp->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            @error('tujuan_penilaian_kjpp_id')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                        <label class="form-label max-w-56">
                            Jenis Laporan
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <select id="jenis_laporan_id"
                                class="select w-full @error('jenis_laporan_id') border-danger  @enderror"
                                name="jenis_laporan_id">
                                <option value="">Pilih Jenis Laporan</option>
                                @if (isset($jenis_laporan))
                                    @foreach ($jenis_laporan as $jl)
                                        <option value="{{ $jl->id }}"
                                            {{ old('jenis_laporan_id') == $jl->id ? 'selected' : '' }}>
                                            {{ $jl->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            @error('jenis_laporan_id')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Tanggal Awal
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input  @error('start_date') border-danger  @enderror" type="date"
                                name="start_date" value="{{ old('start_date') }}">
                            @error('start_date')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                        <label class="form-label max-w-56">
                            Tanggal Akhir
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input  @error('end_date') border-danger  @enderror" type="date" name="end_date"
                                value="{{ old('end_date') }}">
                            @error('end_date')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Catatan
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <textarea class="textarea  @error('catatan') border-danger  @enderror" name="catatan" rows="3" id="address">{{ old('catatan') }}</textarea>
                            @error('catatan')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Status</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <select class="select w-full @error('status') border-danger  @enderror" name="status">
                                <option value="">Pilih Status</option>
                                @if (isset($status))
                                    @foreach ($status as $s)
                                        <option value="{{ $s->name }}"
                                            {{ old('status') == $s->name ? 'selected' : '' }}>
                                            {{ $s->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            @error('status')
                                <em class="alert text-danger text-sm">{{ $message }}</em>
                            @enderror
                        </div>
                    </div>
                    <div class="flex justify-end">
                        <button type="submit" class="btn btn-primary">
                            Save
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('styles')
    <style>
        input.input-custom:focus {
            outline: none;
            box-shadow: none;
        }
    </style>
@endpush