{% extends "admin/base_admin.html" %}
{% block page_title %}Site Settings{% endblock %}

{% block admin_content %}
<form class="admin-form" method="POST" enctype="multipart/form-data">

  <div class="admin-card">
    <h2>General</h2>
    <div class="field">
      <label>Site Name</label>
      <input type="text" name="site_name" value="{{ settings.site_name }}">
    </div>
    <div class="field">
      <label>Logo</label>
      {% if settings.logo_path %}<img class="preview-thumb" id="logo-preview" src="{{ url_for('static', filename=settings.logo_path) }}">{% else %}<img class="preview-thumb" id="logo-preview" style="display:none">{% endif %}
      <input type="file" name="logo" accept="image/*" data-preview="#logo-preview">
    </div>
  </div>

  <div class="admin-card">
    <h2>Header &amp; Footer Contact</h2>
    <div class="form-grid">
      <div class="field">
        <label>Phone Number</label>
        <input type="text" name="phone" value="{{ settings.phone }}">
      </div>
      <div class="field">
        <label>Email</label>
        <input type="email" name="email" value="{{ settings.email }}">
      </div>
      <div class="field">
        <label>Address</label>
        <input type="text" name="address" value="{{ settings.address }}">
      </div>
      <div class="field">
        <label>Office Hours</label>
        <input type="text" name="office_hours" value="{{ settings.office_hours }}">
      </div>
      <div class="field">
        <label>Company Registration Number</label>
        <input type="text" name="registration_number" value="{{ settings.registration_number }}">
      </div>
      <div class="field">
        <label>WhatsApp Number (e.g. +9779800000000)</label>
        <input type="text" name="whatsapp_number" value="{{ settings.whatsapp_number or '' }}" placeholder="+9779800000000">
      </div>
    </div>
  </div>

  <div class="admin-card">
    <h2>Social Links</h2>
    <div class="form-grid">
      <div class="field">
        <label>Facebook URL</label>
        <input type="url" name="facebook_url" value="{{ settings.facebook_url }}">
      </div>
      <div class="field">
        <label>Instagram URL</label>
        <input type="url" name="instagram_url" value="{{ settings.instagram_url }}">
      </div>
    </div>
  </div>

  <div class="admin-card">
    <h2>Home Page</h2>
    <div class="field">
      <label>Background Image (changeable)</label>
      {% if settings.home_background_path %}<img class="preview-thumb" id="bg-preview" src="{{ url_for('static', filename=settings.home_background_path) }}">{% else %}<img class="preview-thumb" id="bg-preview" style="display:none">{% endif %}
      <input type="file" name="home_background" accept="image/*" data-preview="#bg-preview">
    </div>
    <div class="field">
      <label>Right-side Photo (changeable)</label>
      {% if settings.home_photo_path %}<img class="preview-thumb" id="photo-preview" src="{{ url_for('static', filename=settings.home_photo_path) }}">{% else %}<img class="preview-thumb" id="photo-preview" style="display:none">{% endif %}
      <input type="file" name="home_photo" accept="image/*" data-preview="#photo-preview">
    </div>
    <div class="field">
      <label>Headline</label>
      <input type="text" name="home_headline" value="{{ settings.home_headline }}">
    </div>
    <div class="field">
      <label>Short Description</label>
      <textarea name="home_description" rows="4">{{ settings.home_description }}</textarea>
    </div>
    <div class="field">
      <label>Background Video (optional — overrides the background image above when set)</label>
      {% if settings.home_background_video_path %}
        <video class="preview-thumb" style="height:80px;" muted controls src="{{ url_for('static', filename=settings.home_background_video_path) }}"></video>
      {% endif %}
      <input type="file" name="home_background_video" accept="video/*">
      <p class="help-text">Or paste a link instead (YouTube, Vimeo, or a direct .mp4 file):</p>
      <input type="url" name="home_background_video_url" value="{{ settings.home_background_video_url or '' }}" placeholder="https://www.youtube.com/watch?v=... or https://.../video.mp4">
      <p class="help-text">Uploading a file always takes priority over the link. To go back to the image, remove the link text and re-save without uploading a new video (this only clears the video if the link field is also emptied).</p>
    </div>
  </div>

  <div class="admin-card">
    <h2>About Us Page</h2>
    <div class="field">
      <label>Page Header Background</label>
      {% if settings.about_header_image_path %}<img class="preview-thumb" src="{{ url_for('static', filename=settings.about_header_image_path) }}">{% elif settings.about_header_image_url %}<img class="preview-thumb" src="{{ settings.about_header_image_url }}">{% endif %}
      <input type="file" name="about_header_image" accept="image/*">
      <p class="help-text">Or paste an image link instead:</p>
      <input type="url" name="about_header_image_url" value="{{ settings.about_header_image_url or '' }}" placeholder="https://example.com/photo.jpg">
    </div>
    <div class="field">
      <label>About Photo (changeable)</label>
      {% if settings.about_photo_path %}<img class="preview-thumb" id="about-preview" src="{{ url_for('static', filename=settings.about_photo_path) }}">{% else %}<img class="preview-thumb" id="about-preview" style="display:none">{% endif %}
      <input type="file" name="about_photo" accept="image/*" data-preview="#about-preview">
    </div>
    <div class="field">
      <label>About Description (message)</label>
      <textarea name="about_description" rows="5">{{ settings.about_description }}</textarea>
    </div>
  </div>

  <div class="admin-card">
    <h2>Message from the MD</h2>
    <p class="help-text" style="margin-bottom:18px;">Shown on the About Us page, below the firm story.</p>
    <div class="form-grid">
      <div class="field"><label>MD Name</label><input type="text" name="md_name" value="{{ settings.md_name or '' }}"></div>
      <div class="field"><label>MD Title</label><input type="text" name="md_title" value="{{ settings.md_title or '' }}" placeholder="e.g. Managing Director"></div>
    </div>
    <div class="field">
      <label>MD Photo</label>
      {% if settings.md_photo_path %}<img class="preview-thumb round" src="{{ url_for('static', filename=settings.md_photo_path) }}">{% elif settings.md_photo_url %}<img class="preview-thumb round" src="{{ settings.md_photo_url }}">{% endif %}
      <input type="file" name="md_photo" accept="image/*">
      <p class="help-text">Or paste an image link instead:</p>
      <input type="url" name="md_photo_url" value="{{ settings.md_photo_url or '' }}" placeholder="https://example.com/photo.jpg">
    </div>
    <div class="field">
      <label>MD Message</label>
      <textarea name="md_message" rows="5">{{ settings.md_message or '' }}</textarea>
    </div>
  </div>

  <div class="admin-card">
    <h2>Blog / Publications Page</h2>
    <div class="field">
      <label>Page Header Background</label>
      {% if settings.publications_header_image_path %}<img class="preview-thumb" src="{{ url_for('static', filename=settings.publications_header_image_path) }}">{% elif settings.publications_header_image_url %}<img class="preview-thumb" src="{{ settings.publications_header_image_url }}">{% endif %}
      <input type="file" name="publications_header_image" accept="image/*">
      <p class="help-text">Or paste an image link instead:</p>
      <input type="url" name="publications_header_image_url" value="{{ settings.publications_header_image_url or '' }}" placeholder="https://example.com/photo.jpg">
    </div>
  </div>

  <div class="admin-card">
    <h2>Team Page</h2>
    <div class="field">
      <label>Page Header Background</label>
      {% if settings.team_header_image_path %}<img class="preview-thumb" src="{{ url_for('static', filename=settings.team_header_image_path) }}">{% elif settings.team_header_image_url %}<img class="preview-thumb" src="{{ settings.team_header_image_url }}">{% endif %}
      <input type="file" name="team_header_image" accept="image/*">
      <p class="help-text">Or paste an image link instead:</p>
      <input type="url" name="team_header_image_url" value="{{ settings.team_header_image_url or '' }}" placeholder="https://example.com/photo.jpg">
    </div>
  </div>

  <div class="admin-card">
    <h2>Connect Us Page</h2>
    <div class="field">
      <label>Page Header Background</label>
      {% if settings.connect_header_image_path %}<img class="preview-thumb" src="{{ url_for('static', filename=settings.connect_header_image_path) }}">{% elif settings.connect_header_image_url %}<img class="preview-thumb" src="{{ settings.connect_header_image_url }}">{% endif %}
      <input type="file" name="connect_header_image" accept="image/*">
      <p class="help-text">Or paste an image link instead:</p>
      <input type="url" name="connect_header_image_url" value="{{ settings.connect_header_image_url or '' }}" placeholder="https://example.com/photo.jpg">
    </div>
    <div class="field">
      <label>Map Location</label>
      <textarea name="map_embed_url" rows="2">{{ settings.map_embed_url or '' }}</textarea>
      <p class="help-text">
        To update the pin: open Google Maps, search your address, click Share &rarr; Embed a map,
        then copy just the link inside <code>src="..."</code> and paste it here.
      </p>
    </div>
  </div>

  <div class="admin-card">
    <h2>Footer</h2>
    <div class="field">
      <label>Footer Description</label>
      <textarea name="footer_description" rows="3">{{ settings.footer_description }}</textarea>
    </div>
  </div>

  <button type="submit" class="btn btn-primary">Save All Changes</button>
</form>
{% endblock %}