@extends('backend.layouts.app')

@section('content')
    <div class="container">
        <form action="{{ route('organization_manage.update', $organizer->id) }}" method="POST" enctype="multipart/form-data"
            id="ajax_form_data">
            @csrf
            @method('PUT')
            <div class="card">
                <div class="card-header">
                    <h5>Edit Organizer</h5>
                </div>
                <div class="card-body">


                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="full_name" class="form-label">Representative Name</label>
                            <input type="text" class="form-control" id="full_name" name="full_name"
                                value="{{ old('full_name', $organizer->full_name) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="organize_id" class="form-label">Organize ID</label>
                            <input type="text" class="form-control" id="organize_id" name="organize_id"
                                value="{{ old('organize_id', $organizer->organize_id) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="organization_name" class="form-label">Organization Name</label>
                            <input type="text" class="form-control" id="organization_name" name="organization_name"
                                value="{{ old('organization_name', $organizer->organization_name) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="registration_number" class="form-label">Registration Number</label>
                            <input type="text" class="form-control" id="registration_number" name="registration_number"
                                value="{{ old('registration_number', $organizer->registration_number) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="organization_type" class="form-label">Organization Type</label>
                            <input type="text" class="form-control" id="organization_type" name="organization_type"
                                value="{{ old('organization_type', $organizer->organization_type) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="est_date" class="form-label">Established Date</label>
                            <input type="date" class="form-control" id="est_date" name="est_date"
                                value="{{ old('est_date', $organizer->est_date ? $organizer->est_date : '') }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="mobile" class="form-label">Mobile</label>
                            <input type="text" class="form-control" id="mobile" name="mobile"
                                value="{{ old('mobile', $organizer->mobile) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="email" class="form-label">Email</label>
                            <input type="email" class="form-control" id="email" name="email"
                                value="{{ old('email', $organizer->email) }}">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="website" class="form-label">Website</label>
                            <input type="url" class="form-control" id="website" name="website"
                                value="{{ old('website', $organizer->website) }}">
                        </div>
                        <div class="mb-3 col-md-12">
                            <label for="address" class="form-label">Address</label>
                            <textarea class="form-control" id="address" name="address" rows="3">{{ old('address', $organizer->address) }}</textarea>
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="logo" class="form-label">Logo</label>
                            @if ($organizer->logo)
                                <div class="mb-2">
                                    <img src="{{ asset('storage/' . $organizer->logo) }}" alt="Logo"
                                        style="max-width: 150px;">
                                </div>
                            @endif
                            <input type="file" class="form-control" id="logo" name="logo" accept="image/*">
                        </div>
                    </div>

                    <div class="row" style="background-color:#f0f3e9;padding:10px;border-top:1px #ccc solid;">
                        <h4>Official Information</h4>
                        <div class="mb-3 col-md-4">
                            <label for="status" class="form-label">Status</label>
                            <select name="status" id="status" class="form-select">
                                <option value="pending"
                                    {{ old('status', $organizer->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="accept"
                                    {{ old('status', $organizer->status) == 'accept' ? 'selected' : '' }}>Accept</option>
                                <option value="reject"
                                    {{ old('status', $organizer->status) == 'reject' ? 'selected' : '' }}>Reject</option>
                            </select>
                        </div>
                        @if (!$organizer->user && $organizer->email)
                            <div class="mb-3 col-md-12">
                                <input type="checkbox" name="grant_user_access" value="1">
                                <label class="form-label fw-medium text-dark">Grant User Access</label>
                            </div>
                        @endif
                    </div>

                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary">Update Organizer</button>
                </div>
            </div>
        </form>
    </div>
@endsection