{% extends 'base.adm.html.twig' %}

{% block title %}License Edit{% endblock %}

{% block styles %}
    <style>
        td,
        th,
        tr {
            color: white !IMPORTANT;
        }

        .navbar .nav-link {
            color: white !important;
        }

        .navbar .nav-link:hover {
            color: rgba(244, 244, 246, 0.51) !important;
        }

        .form-label {
            color: white !important;
            font-weight: 500;
        }

        .card {
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .card-header {
            background-color: rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .btn-primary {
            background-color: #007bff;
            border-color: #007bff;
        }

        .btn-secondary {
            background-color: #6c757d;
            border-color: #6c757d;
        }

        .btn-primary:hover {
            background-color: #0056b3;
            border-color: #0056b3;
        }

        .btn-secondary:hover {
            background-color: #545b62;
            border-color: #545b62;
        }

        .card-body {
            color: white;
        }

        input, .form-select , .form-control {
            color: white !important;
            border-color: white;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="container-fluid h-100" style="background-color: #202020">
        <div class="row p-4">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h1 class="text-white mb-0">License Edit</h1>
                    <a href="{{ path('app_adm_license') }}" class="btn btn-secondary">
                        <i class="icofont-arrow-left"></i> Back to List
                    </a>
                </div>

                <div class="row">
                    <div class="col-md-8">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="text-white mb-0">License Information</h5>
                            </div>
                            <div class="card-body">
                                {{ form_start(form) }}
                                <div class="row">
                                    <div class="col-md-6">
                                        {{ form_row(form.licenseNumber) }}
                                    </div>
                                    <div class="col-md-6">
                                        {{ form_row(form.globalId) }}
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        {{ form_row(form.regBy) }}
                                    </div>
                                    <div class="col-md-6">
                                        {{ form_row(form.regDatetime) }}
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        {{ form_row(form.validFrom) }}
                                    </div>
                                    <div class="col-md-6">
                                        {{ form_row(form.validUntil) }}
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        {{ form_row(form.licensePeriod) }}
                                    </div>
                                    <div class="col-md-6">
                                        {{ form_row(form.licenseType) }}
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-check mb-3">
                                            {{ form_widget(form.isTrial) }}
                                            {{ form_label(form.isTrial) }}
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        {{ form_row(form.cancelDate) }}
                                    </div>
                                </div>

                                <div class="d-flex justify-content-end gap-2">
                                    <a href="{{ path('app_adm_license') }}" class="btn btn-secondary">Cancel</a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="icofont-save"></i> Save Changes
                                    </button>
                                </div>

                                {{ form_end(form) }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="text-white mb-0">Company Information</h5>
                            </div>
                            <div class="card-body">
                                <p class="text-white mb-2"><strong>Company Name:</strong></p>
                                <p class="text-light">{{ companyName }}</p>

                                <p class="text-white mb-2"><strong>Global ID:</strong></p>
                                <p class="text-light">{{ license.globalId }}</p>

                                <p class="text-white mb-2"><strong>License ID:</strong></p>
                                <p class="text-light">{{ license.id }}</p>

                                {% if license.regDatetime %}
                                    <p class="text-white mb-2"><strong>Registration Date:</strong></p>
                                    <p class="text-light">{{ license.regDatetime|date('d.m.Y H:i') }}</p>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}