@extends('admin.layouts.master')

@section('title','إضافة إصدار للتطبيق')

@section('content')
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h4 class="mb-0">إضافة إصدار - {{ $app->appName }}</h4>
      </div>
      <div class="card-body">
        @if($errors->any())
          <div class="alert alert-danger">
            <ul class="mb-0">
              @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
        @endif
        <form method="POST" action="{{ route('admin.vendor-apps.versions.store', $app) }}" enctype="multipart/form-data">
          @csrf
          <div class="form-group">
            <label>رقم الإصدار <span class="text-danger">*</span></label>
            <input type="text" name="version" id="versionInput" class="form-control" value="{{ old('version') }}" required placeholder="مثال: 1.0.0">
          </div>
          <div class="form-group">
            <label>ملف APK <span class="text-danger">*</span></label>
            <input type="file" name="apk_file" class="form-control-file" accept=".apk" required>
            <small class="form-text text-muted">الحد الأقصى: 200 ميغابايت، صيغة APK فقط</small>
          </div>
          <div class="form-group">
            <label>اسم الملف</label>
            <input type="text" name="file_name" id="fileNameInput" class="form-control" value="{{ old('file_name') }}" placeholder="سيتم توليده تلقائياً">
            <small class="form-text text-muted">اتركه فارغاً لاستخدام الاسم التلقائي: {{ $app->appName }}-v{version}.apk</small>
          </div>
          <div class="form-group">
            <label>
              <input type="checkbox" name="isMandatory" value="1" {{ old('isMandatory') ? 'checked' : '' }}>
              تحديث إجباري؟
            </label>
          </div>
          <div class="form-group">
            <label>ملاحظات الإصدار</label>
            <textarea name="changelog" class="form-control" rows="3">{{ old('changelog') }}</textarea>
          </div>
          <button type="submit" class="btn btn-primary">حفظ</button>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@section('js')
<script>
  (function() {
    var appName = @json($app->appName);
    var versionInput = document.getElementById('versionInput');
    var fileNameInput = document.getElementById('fileNameInput');
    var userEdited = false;

    fileNameInput.addEventListener('input', function() {
      userEdited = this.value.trim() !== '';
    });

    versionInput.addEventListener('input', function() {
      if (!userEdited) {
        var version = this.value.trim();
        fileNameInput.value = version ? appName + '-v' + version + '.apk' : '';
      }
    });
  })();
</script>
@endsection