@extends('temple.layouts.app')

@section('title', 'Edit Temple Profile')

@section('content')
<div class="profile-page">

    <div class="page-header">
        <h1>Edit Temple Profile</h1>
        <p>Update your temple's registration details</p>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            <ul style="margin:0;padding-left:18px;">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card profile-card">
        <form action="{{ route('temple.profile.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="profile-header">
                <div class="profile-logo">
                    @if($temple->logo)
                        <img src="{{ asset('storage/' . $temple->logo) }}" alt="{{ $temple->temple_name }}">
                    @else
                        <div class="profile-logo-placeholder">
                            {{ \Illuminate\Support\Str::substr($temple->temple_name ?? 'T', 0, 1) }}
                        </div>
                    @endif
                </div>
                <div class="profile-title">
                    <label class="form-label">Change Logo</label>
                    <input type="file" name="logo" accept="image/*" class="form-control">
                    <small class="form-text text-muted">JPG, PNG or GIF. Max size 2MB.</small>
                </div>
            </div>

           <div class="profile-field">
    <label>Temple Name</label>

    <input type="text"
           name="temple_name"
           class="form-control @error('temple_name') is-invalid @enderror"
           value="{{ old('temple_name', $temple->temple_name) }}"
           minlength="3"
           maxlength="150"
           pattern="^[A-Za-z0-9\s\.\,\-\&amp;'()]{3,150}$"
           title="3 to 150 characters. Letters, numbers, spaces and basic punctuation only."
           required>

    @error('temple_name')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>

                <div class="profile-field">
    <label>Registration Number</label>

    <input type="text"
           name="registration_number"
           class="form-control @error('registration_number') is-invalid @enderror"
           value="{{ old('registration_number', $temple->registration_number) }}"
           minlength="3"
           maxlength="50"
           pattern="^[A-Za-z0-9\/\-]{3,50}$"
           required>

    @error('registration_number')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>

                <div class="profile-field">
    <label>Contact Number</label>

    <input type="tel"
           name="contact_number"
           class="form-control @error('contact_number') is-invalid @enderror"
           value="{{ old('contact_number', $temple->contact_number) }}"
           inputmode="numeric"
           pattern="[0-9]{10,12}"
           minlength="10"
           maxlength="12"
           oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, 12);"
           required>

    @error('contact_number')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>

              <div class="profile-field">
    <label>Email</label>

    <input type="email"
           name="email"
           class="form-control @error('email') is-invalid @enderror"
           value="{{ old('email', $temple->email) }}"
           maxlength="100">

    @error('email')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>
             <div class="profile-field">
    <label>District</label>

    <input type="text"
           name="district"
           class="form-control"
           value="{{ $temple->district }}"
           readonly
           style="background-color: #f5f5f5; cursor: not-allowed;">
</div>
               <div class="profile-field">
    <label>Location</label>

    <input type="text"
           name="location"
           class="form-control @error('location') is-invalid @enderror"
           value="{{ old('location', $temple->location) }}"
           maxlength="150"
           required>

    @error('location')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>
<div class="profile-field profile-field-full">
    <label>Address</label>

    <textarea name="address"
              class="form-control @error('address') is-invalid @enderror"
              rows="3"
              maxlength="255"
              required>{{ old('address', $temple->address) }}</textarea>

    @error('address')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>

                <div class="profile-field profile-field-full">
    <label>Description</label>

    <textarea name="description"
              class="form-control @error('description') is-invalid @enderror"
              rows="4"
              maxlength="1000">{{ old('description', $temple->description) }}</textarea>

    @error('description')
        <small class="form-text text-danger">{{ $message }}</small>
    @enderror
</div>
            </div>

            <div class="profile-actions">
                <a href="{{ route('temple.profile') }}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">Save Changes</button>
            </div>
        </form>
    </div>
</div>
@endsection