

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

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

    <!-- HEADER -->
    <div class="mb-8">
        <h2 class="text-3xl font-bold text-white tracking-wide">
            ➕ Add Feeder (Full System)
        </h2>
        <p class="text-gray-400 text-sm">Complete feeder + GSM + electrical configuration</p>
    </div>

    <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('/feeders')); ?>" class="grid grid-cols-1 md:grid-cols-3 gap-6">
<?php echo csrf_field(); ?>

<!-- ================= BASIC ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">⚡ Basic Details</h3>

<div class="input-group"><span>⚡</span><input name="feeder_name" required><label>Feeder Name</label></div>
<div class="input-group"><span>#</span><input name="feeder_code" required><label>Feeder Code</label></div>

<div class="input-group">
<select name="feeder_type">
<option>Urban</option><option>Rural</option><option>Industrial</option>
</select>
</div>

<div class="input-group">
<select name="voltage_level">
<option>11kV</option><option>33kV</option>
</select>
</div>

<div class="input-group"><span>🏭</span><input name="substation_name"><label>Substation</label></div>
<div class="input-group"><span>#</span><input name="substation_code"><label>Substation Code</label></div>
<div class="input-group"><span>📏</span><input name="feeder_length"><label>Length (km)</label></div>

<div class="input-group">
<select name="feeder_category">
<option>Agriculture</option><option>Mixed</option>
</select>
</div>

<div class="input-group">
<select name="status">
<option>Active</option><option>Inactive</option>
</select>
</div>

<!-- ================= LOCATION ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">📍 Location</h3>

<div class="input-group"><input name="state"><label>State</label></div>
<div class="input-group"><input name="district"><label>District</label></div>
<div class="input-group"><input name="city"><label>City</label></div>
<div class="input-group"><input name="zone"><label>Zone</label></div>
<div class="input-group"><input name="circle"><label>Circle</label></div>
<div class="input-group"><input name="division"><label>Division</label></div>
<div class="input-group"><input name="subdivision"><label>Subdivision</label></div>
<div class="input-group"><input name="latitude"><label>Latitude</label></div>
<div class="input-group"><input name="longitude"><label>Longitude</label></div>

<!-- ================= DISCOM ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">🏢 DISCOM</h3>

<div class="input-group">
<select name="discom_name">
<option>JVVNL</option><option>AVVNL</option><option>JdVVNL</option>
</select>
</div>

<div class="input-group"><input name="discom_code"><label>DISCOM Code</label></div>
<div class="input-group"><input name="region"><label>Region</label></div>
<div class="input-group"><input name="office_name"><label>Office</label></div>

<!-- ================= CONSUMER ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">👤 Consumer</h3>

<div class="input-group"><input name="consumer_id"><label>Consumer ID</label></div>
<div class="input-group"><input name="account_number"><label>Account No</label></div>
<div class="input-group"><input name="customer_name"><label>Name</label></div>

<div class="input-group">
<select name="connection_type">
<option>Domestic</option><option>Commercial</option>
</select>
</div>

<div class="input-group"><input name="load_sanctioned"><label>Load (kW)</label></div>
<div class="input-group"><input name="contract_demand"><label>Contract Demand</label></div>
<div class="input-group"><input name="tariff_category"><label>Tariff</label></div>

<!-- ================= ELECTRICAL ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">⚡ Electrical</h3>

<div class="input-group"><input name="transformer_capacity"><label>Transformer (kVA)</label></div>
<div class="input-group"><input name="connected_load"><label>Connected Load</label></div>
<div class="input-group"><input name="peak_load"><label>Peak Load</label></div>
<div class="input-group"><input name="average_load"><label>Average Load</label></div>
<div class="input-group"><input name="power_factor"><label>Power Factor</label></div>

<div class="input-group"><input name="current_r_phase"><label>Current R</label></div>
<div class="input-group"><input name="current_y_phase"><label>Current Y</label></div>
<div class="input-group"><input name="current_b_phase"><label>Current B</label></div>

<div class="input-group"><input name="voltage_r_phase"><label>Voltage R</label></div>
<div class="input-group"><input name="voltage_y_phase"><label>Voltage Y</label></div>
<div class="input-group"><input name="voltage_b_phase"><label>Voltage B</label></div>

<div class="input-group"><input name="frequency"><label>Frequency</label></div>

<!-- ================= METER ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">📟 Meter</h3>

<div class="input-group"><input name="meter_serial_number"><label>Meter No</label></div>
<div class="input-group"><input name="meter_make"><label>Make</label></div>

<div class="input-group">
<select name="meter_type">
<option>LT</option><option>HT</option>
</select>
</div>

<div class="input-group">
<select name="meter_phase">
<option>Single</option><option>Three</option>
</select>
</div>

<div class="input-group"><input type="date" name="meter_installation_date"></div>

<div class="input-group">
<select name="meter_status">
<option>Active</option><option>Inactive</option>
</select>
</div>

<!-- ================= MODEM ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">📡 GSM / Modem</h3>

<div class="input-group"><input name="imei_number"><label>IMEI</label></div>
<div class="input-group"><input name="sim_number"><label>SIM</label></div>

<div class="input-group">
<select name="network_provider">
<option>Jio</option><option>Airtel</option>
</select>
</div>

<div class="input-group"><input name="signal_strength"><label>Signal</label></div>
<div class="input-group"><input name="ip_address"><label>IP</label></div>
<div class="input-group"><input name="apn"><label>APN</label></div>

<!-- ================= ENERGY ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">📊 Energy</h3>

<div class="input-group"><input name="energy_import"><label>Import</label></div>
<div class="input-group"><input name="energy_export"><label>Export</label></div>
<div class="input-group"><input name="losses"><label>Loss</label></div>

<div class="input-group"><input name="total_units"><label>Total Units</label></div>
<div class="input-group"><input name="billed_units"><label>Billed</label></div>
<div class="input-group"><input name="collected_revenue"><label>Revenue</label></div>

<!-- ================= MAINTENANCE ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">🛠 Maintenance</h3>

<div class="input-group"><input type="date" name="last_maintenance_date"></div>
<div class="input-group"><input type="date" name="next_maintenance_date"></div>
<div class="input-group"><input name="fault_type"><label>Fault</label></div>
<div class="input-group"><input name="fault_location"><label>Location</label></div>

<!-- ================= OPERATOR ================= -->
<h3 class="col-span-3 text-indigo-300 font-semibold">👨‍💼 Operator</h3>

<div class="input-group"><input name="operator_name"><label>Name</label></div>
<div class="input-group"><input name="operator_id"><label>ID</label></div>
<div class="input-group"><input name="assigned_engineer"><label>Engineer</label></div>
<div class="input-group"><input name="contact_number"><label>Contact</label></div>

<!-- SUBMIT -->
<div class="col-span-3 mt-6">
    <button class="premium-btn">💾 Save Full Feeder</button>
</div>

</form>
</div>
</div>

<style>
.input-group{position:relative}
.input-group span{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.input-group input,.input-group select{
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
}
.input-group label{
position:absolute;left:40px;top:50%;transform:translateY(-50%);
color:#9ca3af;transition:.3s
}
.input-group input:focus+label,
.input-group input:not(:placeholder-shown)+label{
top:-8px;font-size:11px;background:#111827;padding:0 6px;color:#a5b4fc
}
.premium-btn{
width:100%;padding:14px;border-radius:12px;
background:linear-gradient(135deg,#6366f1,#8b5cf6);
color:white;font-weight:600
}
/* FIX DROPDOWN TEXT */
.input-group select {
    color: white;
}

/* 👇 THIS IS IMPORTANT */
.input-group select option {
    color: black;
    background: white;
}
.input-group select {
    color: #fff;
    background-color: rgba(255,255,255,0.05);
}

/* Dropdown list */
select option {
    color: #000 !important;
    background: #fff !important;
}
</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/feeder/create.blade.php ENDPATH**/ ?>