@csrf

@if (isset($division) && $division->logo)
    <img src="/storage/{{ $division->logo }}" alt="Logo of {{ $division->name }}" class="w-24 h-24 mb-4">
@endif

<div class="mb-4">
    <label for="logo" class="label-control">Logo</label>
    <input type="file" id="logo" name="logo" class="form-control">
    @error('logo')
    <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="organization_id" class="label-control required">Organization</label>
    <select type="text" id="organization_id" name="organization_id" class="form-control">
        <option value="">Select an Organization</option>
        @foreach($organizations as $organization)
            <option value="{{ $organization->id }}" @if (isset($division) && $division->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
        @endforeach
    </select>
    @error('organization_id')
        <p class="form-error">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="name" class="label-control required">Name</label>
    <input type="text" id="name" name="name" placeholder="Name" value="{{ $division->name ?? null }}"
           class="form-control">
    @error('name')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="email" class="label-control required">Email</label>
    <input type="email" id="email" name="email" placeholder="Email" value="{{ $division->email ?? null }}"
           class="form-control">
    @error('email')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="phone" class="label-control required">Phone</label>
    <input type="text" id="phone" name="phone" placeholder="Phone" value="{{ $division->phone ?? null }}"
           class="form-control">
    @error('phone')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="website" class="label-control">Website</label>
    <input type="text" id="website" name="website" placeholder="Website" value="{{ $division->website ?? null }}"
           class="form-control">
</div>

<div class="mb-4">
    <label for="address" class="label-control">Address</label>
    <textarea id="address" name="address"
              class="form-control"
              placeholder="Designation">{{ $division->address ?? null }}</textarea>
</div>

<div class="mb-4">
    <label for="po_box" class="label-control">PO Box</label>
    <input type="text" id="po_box" name="po_box" placeholder="PO Box" value="{{ $division->po_box ?? null }}"
           class="form-control">
</div>

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