

<?php $__env->startSection('content'); ?>

<div class="max-w-6xl mx-auto">

    <!-- HEADER -->
    <div class="mb-8">
        <h2 class="text-3xl font-bold text-white tracking-wide">
            ➕ Add Transporter
        </h2>
        <p class="text-gray-400 text-sm">Create transporter account & subscription</p>
    </div>

    <!-- FORM CARD -->
    <div class="bg-white/10 backdrop-blur-2xl border border-white/10 rounded-2xl shadow-2xl p-8">

        <form method="POST" action="<?php echo e(url('/transporters')); ?>" class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <?php echo csrf_field(); ?>

        <!-- USERNAME -->
        <div class="input-group">
            <span>👤</span>
            <input name="username" required>
            <label>Username *</label>
        </div>

        <!-- PASSWORD -->
        <div class="input-group">
            <span>🔒</span>
            <input type="password" name="password" required>
            <label>Password *</label>
        </div>

        <!-- CONFIRM PASSWORD -->
        <div class="input-group">
            <span>🔐</span>
            <input type="password" name="password_confirmation" required>
            <label>Confirm Password *</label>
        </div>

        <!-- COMPANY -->
        <div class="input-group">
            <span>🏢</span>
            <input name="company_name" required>
            <label>Company Name *</label>
        </div>

        <!-- TIMEZONE -->
        <div class="input-group">
            <span>🌍</span>
            <input name="timezone" value="(GMT+5:30) Asia/Calcutta">
            <label>Timezone *</label>
        </div>

        <!-- INACTIVE TIME -->
        <div class="input-group">
            <span>⏱</span>
            <input type="number" name="inactive_time" value="12">
            <label>Inactive Time (hrs)</label>
        </div>

        <!-- LANGUAGE -->
        <div class="input-group">
            <span>🌐</span>
            <input name="language" value="English">
            <label>Language</label>
        </div>

        <!-- OPTIONAL INFO -->
        <div class="input-group">
            <span>🧑</span>
            <input name="name">
            <label>Name</label>
        </div>

        <div class="input-group">
            <span>📧</span>
            <input name="email">
            <label>Email</label>
        </div>

        <div class="input-group">
            <span>📱</span>
            <input name="phone">
            <label>Phone</label>
        </div>

        <div class="input-group col-span-2">
            <span>📍</span>
            <input name="address">
            <label>Address</label>
        </div>

        <!-- SUBSCRIPTION -->
        <div class="col-span-2 section-title">Subscription</div>

        <div class="input-group">
            <span>📅</span>
            <input type="date" name="subscription_start" required>
            <label>Start Date *</label>
        </div>

        <div class="input-group">
            <span>📅</span>
            <input type="date" name="subscription_due" required>
            <label>Due Date *</label>
        </div>

        <div class="input-group">
            <span>📅</span>
            <input type="date" name="subscription_extend">
            <label>Extend Date</label>
        </div>

        <div class="input-group">
            <span>🔢</span>
            <input type="number" name="expiry_count">
            <label>Expiry Count</label>
        </div>

        <!-- SETTINGS -->
        <div class="col-span-2 section-title">Settings</div>

        <div class="input-group">
            <span>📍</span>
            <input type="number" name="max_radius">
            <label>Max Radius (Km)</label>
        </div>

        <div class="input-group">
            <span>📍</span>
            <input type="number" name="min_distance">
            <label>Min Distance (Km)</label>
        </div>

        <div class="input-group">
            <span>📊</span>
            <input type="number" name="data_restriction">
            <label>Data Restriction (Days)</label>
        </div>

        <!-- SWITCHES -->
        <div class="col-span-2 grid grid-cols-2 gap-4 text-white">
<input type="hidden" name="active" value="0">
<input type="checkbox" name="active" value="1" checked>
           <input type="hidden" name="overwrite_subscription" value="0">
<input type="checkbox" name="overwrite_subscription" value="1">

<input type="hidden" name="vehicle_inactive_after_expiry" value="0">
<input type="checkbox" name="vehicle_inactive_after_expiry" value="1">

        </div>

        <!-- SUBMIT -->
        <div class="col-span-2 mt-6">
            <button class="premium-btn">
                💾 Save Transporter
            </button>
        </div>

        </form>

    </div>

</div>

<!-- STYLES -->
<style>

.section-title {
    color: #e5e7eb;
    font-weight: 600;
    border-left: 4px solid #6366f1;
    padding-left: 10px;
    margin-top: 10px;
}

.input-group {
    position: relative;
}

.input-group span {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.input-group input {
    width: 100%;
    padding: 14px 14px 14px 40px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.05);
    color: #fff;
    outline: none;
}

.input-group label {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    transition: 0.3s;
}

.input-group input:focus + label,
.input-group input:not(:placeholder-shown) + label {
    top: -8px;
    font-size: 11px;
    background: #111827;
    padding: 0 6px;
}

.premium-btn {
    width: 100%;
    padding: 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
}

</style>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home2/jitrealx/public_html/amccms/resources/views/transporters/create.blade.php ENDPATH**/ ?>