@extends('layouts.app')

@section('title', 'Yeni Workflow Yükle')

@section('content')
    <div class="row mb-4">
        <div class="col-md-6">
            <h1 class="h3 mb-0 text-gray-800">Yeni Workflow Yükle</h1>
            <p class="text-muted small">Camunda motoruna yeni bir BPMN süreci yükleyin.</p>
        </div>
        <div class="col-md-6 text-end">
            <a href="{{ route('admin.camunda.workflows.index') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-2"></i>Listeye Dön
            </a>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-sm">
                <div class="card-body p-4">

                    @if(session('error'))
                        <div class="alert alert-danger mb-4">
                            {{ session('error') }}
                        </div>
                    @endif

                    <form action="{{ route('admin.camunda.workflows.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="mb-4">
                            <label for="deployment_name" class="form-label fw-medium">Deployment Adı</label>
                            <input type="text" class="form-control" id="deployment_name" name="deployment_name"
                                placeholder="Örn: İzin Süreci v1" required value="{{ old('deployment_name') }}">
                            <div class="form-text">Camunda üzerinde bu deployment grubu için görünecek isim.</div>
                        </div>

                        <div class="mb-4">
                            <label for="bpmn_file" class="form-label fw-medium">BPMN Dosyası</label>
                            <input type="file" class="form-control" id="bpmn_file" name="bpmn_file" accept=".bpmn,.xml"
                                required>
                            <div class="form-text">Camunda Modeler ile oluşturulmuş .bpmn uzantılı dosya.</div>
                        </div>

                        <div class="d-flex justify-content-end gap-2">
                            <button type="reset" class="btn btn-light">Temizle</button>
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-cloud-upload me-2"></i>Yükle ve Deploy Et
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <div class="alert alert-info mt-4">
                <i class="bi bi-info-circle me-2"></i>
                <strong>Bilgi:</strong> Yüklediğiniz BPMN dosyası içerisindeki <code>process id</code> (Key) değerine göre
                versiyonlanacaktır.
                Eğer aynı ID'ye sahip bir süreç varsa, otomatik olarak yeni versiyon oluşturulur.
            </div>
        </div>
    </div>
@endsection