@extends('layouts.main')

@section('breadcrumbs')
    {{-- {{ Breadcrumbs::render('penilaian') }} --}}
@endsection

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">

        <div class="card pb-2.5">
            <div class="card-header" id="basic_settings">
                <h3 class="card-title">
                    {{ isset($debitur->id) ? 'Edit' : 'Tambah' }} Debitur
                </h3>
                <div class="flex items-center gap-2">
                    @if (isset($debitur->id))
                        <a class="btn btn-sm btn-primary" href="{{ route('permohonan.create.debitur', $debitur->id) }}"> Buat
                            Permohonan </a>
                    @endif
                    <a href="{{ route('debitur.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i>
                        Back</a>
                </div>
            </div>
            <div class="card-body">

                <form action="" method="POST" class="grid gap-5">
                    {{-- @if (isset($debitur->id))
                    @method('PUT')
                @endif
                @csrf --}}
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Cabang
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <select
                                class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                name="branch_id" id="branch_id">
                                <option value="">Pilih Cabang</option>

                            </select>

                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            CIF
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input  @error('cif') border-danger bg-danger-light @enderror" type="number"
                                name="cif" value="">
                            @error('cif')
                                <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 Rekening
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input class="input  @error('nomor_rekening') border-danger bg-danger-light @enderror"
                                type="number" name="nomor_rekening" value=""
                                @error('nomor_rekening')
                        <em class="alert text-danger text-sm"></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 Debitur
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input  @error('name') border-danger bg-danger-light @enderror" type="text"
                                    name="name" value="">
                                @error('name')
                                    <em class="alert text-danger text-sm"></em>
                                @enderror
                            </div>
                        </div>
                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                NPWP
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input  @error('npwp') border-danger bg-danger-light @enderror" type="number"
                                    name="npwp" value="{{ $debitur->npwp ?? '' }}">
                                @error('npwp')
                                    <em class="alert text-danger text-sm"></em>
                                @enderror
                            </div>
                        </div>
                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Email
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input  @error('email') border-danger bg-danger-light @enderror" type="email"
                                    name="email" value="{{ $debitur->email ?? '' }}">
                                @error('email')
                                    <em class="alert text-danger text-sm"></em>
                                @enderror
                            </div>
                        </div>
                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                No Handphone
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input  @error('phone') border-danger bg-danger-light @enderror" type="number"
                                    name="phone" value="">
                                @error('phone')
                                    <em class="alert text-danger text-sm"></em>
                                @enderror
                            </div>
                        </div>

                        <div class="flex justify-end">
                            <button type="submit" class="btn btn-primary">
                                Save
                            </button>
                        </div>
                </form>
            </div>
        </div>

    </div>
@endsection