@extends('layouts.main')

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

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        @if(isset($debitur->id))
            <form action="{{ route('debitur.update', $debitur->id) }}" method="POST">
                <input type="hidden" name="id" value="{{ $debitur->id }}">
                @method('PUT')
                @else
                    <form method="POST" action="{{ route('debitur.store') }}">
                        @endif
                        @csrf
                        <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">
                                    <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 grid gap-5">
                                <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 @enderror" name="branch_id" id="branch_id">
                                            <option value="">Pilih Cabang</option>
                                            @foreach($branches as $branch)
                                                @if(isset($debitur))
                                                    <option value="{{ $branch->id }}" {{ $branch->id == $debitur->branch_id ? 'selected' : '' }}>{{ $branch->name }}</option>
                                                @else
                                                    <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                                                @endif

                                            @endforeach
                                        </select>
                                        @error('branch_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">
                                        CIF
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('cif') border-danger @enderror" type="number" name="cif" value="{{ $debitur->cif ?? '' }}">
                                        @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 @enderror" type="number" name="nomor_rekening" value="{{ $debitur->nomor_rekening ?? '' }}">
                                        @error('nomor_rekening')
                                        <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 Debitur
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('name') border-danger @enderror" type="text" name="name" value="{{ $debitur->name ?? '' }}">
                                        @error('name')
                                        <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 ID/KTP
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('nomor_id') border-danger @enderror" type="number" name="nomor_id" value="{{ $debitur->nomor_id ?? '' }}">
                                        @error('nomor_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">
                                        NPWP
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('npwp') border-danger @enderror" type="number" name="npwp" value="{{ $debitur->npwp ?? '' }}">
                                        @error('npwp')
                                        <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">
                                        Email
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('email') border-danger @enderror" type="email" name="email" value="{{ $debitur->email ?? '' }}">
                                        @error('email')
                                        <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">
                                        No Handphone
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('phone') border-danger @enderror" type="number" name="phone" value="{{ $debitur->phone ?? '' }}">
                                        @error('phone')
                                        <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">
                                        Address
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <div class="flex flex-col lg:flex-row gap-2 w-full">
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <select id="province_code" name="province_code" class="select w-full @error('province_code') border-danger @enderror">
                                                    <option value="">Select Province</option>
                                                    @foreach($provinces as $province)
                                                        @if(isset($debitur))
                                                            <option value="{{ $province->code }}" {{ isset($debitur->province_code) && $debitur->province_code == $province->code?'selected' : '' }}>
                                                                {{ $province->name }}
                                                            </option>
                                                        @else
                                                            <option value="{{ $province->code }}">
                                                                {{ $province->name }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                @error('province_code')
                                                <em class="alert text-danger text-sm">{{ $message }}</em>
                                                @enderror
                                            </div>
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <select id="city_code" name="city_code" class="select w-full @error('city_code') border-danger @enderror">
                                                    <option value="">Select City</option>
                                                    @if(isset($cities))
                                                        @foreach($cities as $city)
                                                            @if(isset($debitur))
                                                                <option value="{{ $city->code }}" {{ isset($debitur->city_code) && $debitur->city_code == $city->code?'selected' : '' }}>
                                                                    {{ $city->name }}
                                                                </option>
                                                            @else
                                                                <option value="{{ $city->code }}">
                                                                    {{ $city->name }}
                                                                </option>
                                                            @endif
                                                        @endforeach

                                                    @endif
                                                </select>
                                                @error('city_code')
                                                <em class="alert text-danger text-sm">{{ $message }}</em>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="flex flex-col lg:flex-row gap-2 w-full mt-2 lg:mt-5">
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <select id="district_code" name="district_code" class="select w-full @error('district_code') border-danger @enderror">
                                                    <option value="">Select District</option>
                                                    @if(isset($districts))
                                                        @foreach($districts as $district)
                                                            @if(isset($debitur))
                                                                <option value="{{ $district->code }}" {{ isset($debitur->district_code) && $debitur->district_code == $district->code?'selected' : '' }}>
                                                                    {{ $district->name }}
                                                                </option>
                                                            @else
                                                                <option value="{{ $district->code }}">
                                                                    {{ $district->name }}
                                                                </option>
                                                            @endif
                                                        @endforeach

                                                    @endif
                                                </select>
                                                @error('district_code')
                                                <em class="alert text-danger text-sm">{{ $message }}</em>
                                                @enderror
                                            </div>
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <select id="village_code" name="village_code" class="select w-full @error('district_code') border-danger @enderror">
                                                    <option value="">Select Village</option>
                                                    @if(isset($villages))
                                                        @foreach($villages as $village)
                                                            @if(isset($debitur))
                                                                <option value="{{ $village->code }}" {{ isset($debitur->village_code) && $debitur->village_code == $village->code?'selected' : '' }}>
                                                                    {{ $village->name }}
                                                                </option>
                                                            @else
                                                                <option value="{{ $village->code }}">
                                                                    {{ $village->name }}
                                                                </option>
                                                            @endif
                                                        @endforeach

                                                    @endif
                                                </select>
                                                @error('district_code')
                                                <em class="alert text-danger text-sm">{{ $message }}</em>
                                                @enderror
                                            </div>
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <input class="input  @error('postal_code') border-danger @enderror" type="number" id="postal_code" name="postal_code" value="{{ $debitur->postal_code ?? '' }}" placeholder="Postal Code">
                                                @error('postal_code')
                                                <em class="alert text-danger text-sm">{{ $message }}</em>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="flex flex-row w-full mt-2 lg:mt-5">
                                            <textarea class="textarea  @error('address') border-danger @enderror" rows="3" type="number" id="address" name="address">{{ $debitur->address ?? '' }}</textarea>
                                            @error('address')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="flex justify-end">
                                    <button type="submit" class="btn btn-primary">
                                        Save
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
    </div>
@endsection