@extends('layout.template')
@section('title', 'Library Form')
@section('content')
<div class="container">
    <div class="row">
        <div class="col-8 blue_title">
            <h3>Add {{ucfirst($data['name_lib'])}} Library</h3>
        </div>
        <div class="col-4 text-end">
            <a href="{{url('library/'.$data['name_lib'])}}" class="btn btn_grz_blue">Back</a>
        </div>
        @if (session('status'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('status') }}
            </div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div>
            <form method="post" action="{{url($data['submit_url'])}}">
                @csrf
                <div>
                    @switch($data['name_lib'])
                        @case('substation')
                        @case('transformer')
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="sub_name" name="sub_name" value="">
                                        @if($data['name_lib'] == 'transformer')
                                            <label for="sub_name">Transformer Name:</label>
                                        @else
                                            <label for="sub_name">Substation Name:</label>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="voltage_class">
                                            @for ($i=30; $i<=40; $i++)
                                                <option value="{{$i}}">{{$i}}</option>
                                            @endfor 
                                        </select>
                                        <label>Voltage Class (Un):</label>
                                        <input type="hidden" name="voltage_class_type" value="kV">
                                    </div> 
                                </div>
                                @if($data['name_lib'] == 'substation')                                   
                                    <div class="col-6">
                                        <div class="form-floating my-3">
                                            <input type="text" class="form-control" id="reclose" name="reclose" value="">
                                            <label>Reclosing Probability (Pr):</label>
                                            <input type="hidden" name="reclose_type" value="">
                                        </div>
                                    </div>
                                    <div class="col-12">    
                                        <div class="form-floating my-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="1" id="short_circuit" name="short_circuit">
                                                <label class="form-check-label" for="short_circuit">Calculate short-circuit current:</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">    
                                        <div class="form-floating my-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="power_transformer" id="power_transformer" checked="checked" value="1">
                                                <label class="form-check-label" for="power_transformer">In accordance with power of transformer:</label>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="power_transformer_number" name="power_transformer_number" value="">
                                        <label>Power of transformers (P):</label>
                                        <input type="hidden" name="power_transformer_voltage_type" value="MVa">
                                    </div>
                                </div>
                                
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="losses" name="losses" value="">
                                        <label>Short-circuit losses (Uk):</label>
                                        <input type="hidden" name="losses_voltage_type" value="%">
                                    </div>
                                </div>
                                @if($data['name_lib'] == 'substation')
                                    <div class="col-12">    
                                        <div class="form-floating my-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="power_transformer" id="busbar" value="2">
                                                <label class="form-check-label" for="busbar">Measured short-circuit on busbar:</label>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="phase_ground" name="phase_ground" value="">
                                        <label>Phase-ground short-circuit (Isc):</label>
                                        <input type="hidden" name="phase_ground_voltage_type" value="kA">
                                    </div>
                                </div>
                                @if($data['name_lib'] == 'substation') 
                                    <div class="col-6">    
                                        <div class="form-floating my-3">
                                            <select class="form-select" name="neutral">
                                                <option value="Solidly_grounded" selected="selected">Solidly grounded</option>
                                                <option value="insulated">Insulated</option>
                                            </select>
                                            <label>Neutral arrangement:</label>
                                        </div>
                                    </div>
                                    <div class="col-6">    
                                        <div class="form-floating my-3">
                                            <select class="form-select" name="circuits_number">
                                                <option value="single_circuit" selected="selected">Single circuit</option>
                                                <option value="double_circuit">Double circuit</option>
                                            </select>
                                            <label>Number of circuits:</label>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            @break
                        @case('section')
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="sub_name" name="sub_name" value="">
                                        <label for="sub_name">Section Name:</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="length" name="length" value="">
                                        <label>Length (L):</label>
                                        <input type="hidden" name="length_type" value="km">
                                    </div> 
                                </div>
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="num_poles" id="num_poles" checked="checked" value="1">
                                            <label class="form-check-label" for="num_poles">Number of poles</label>
                                        </div>
                                    </div>
                                </div>                                                           
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="number_poles" name="number_poles" value="">
                                        <label>Number of poles (Nop):</label>
                                        <input type="hidden" name="number_poles_type" value="pc">
                                    </div>
                                </div>
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="num_poles" id="avg_length" value="2">
                                            <label class="form-check-label" for="num_poles">Average span length</label>
                                        </div>
                                    </div>
                                </div> 
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="avg_length" name="avg_length" value="">
                                        <label>Average span length (lp):</label>
                                        <input type="hidden" name="avg_length_type" value="m">
                                    </div>
                                </div>                       
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="footing" name="footing" value="">
                                        <label>Footing resistance (R):</label>
                                        <input type="hidden" name="footing_type" value="Ohm">
                                    </div>
                                </div>
                                <div class="col-6">     
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="terrain_type">
                                            <option value="Field">Field</option>
                                            <option value="City">City</option>
                                            <option value="Forest">Forest</option>
                                        </select>
                                        <label>Terrain type:</label>
                                    </div>
                                </div>
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="lighting" id="duration" value="1">
                                            <label class="form-check-label" for="duration">Annual lighting duration:</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="duration_value" name="duration" value="">
                                        <label>Annual lighting duration (Th):</label>
                                        <input type="hidden" name="duration_type" value="h">
                                    </div>
                                </div>
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="lighting" id="density" value="1">
                                            <label class="form-check-label" for="density">Ground flash density:</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="density_value" name="density" value="">
                                        <label>Ground flash density (GFD):</label>
                                        <input type="hidden" name="density_type" value="pc/km2">
                                    </div>
                                </div>
                            </div>
                            @break
                        @case('poles')
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="sub_name" name="sub_name" value="">
                                        <label for="sub_name">Poles Name:</label>
                                    </div>
                                </div>
                                <div class="col-6">     
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="material">
                                            <option value="Concrete">Concrete</option>
                                            <option value="Steel">Steel</option>
                                            <option value="Wood">Wood</option>
                                        </select>
                                        <label>Pole material:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="height" name="height" value="">
                                        <label>Pole height (Ho):</label>
                                        <input type="hidden" name="height_type" value="m">
                                    </div>
                                </div>                   
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="conductor" id="radius" checked="checked" value="1">
                                            <label class="form-check-label" for="radius">Conductor radius</label>
                                        </div>
                                    </div>
                                </div>                                                           
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="radius" name="radius_value" value="">
                                        <label>Conductor radius (r):</label>
                                        <input type="hidden" name="radius_type" value="mm">
                                    </div>
                                </div>
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="shielding" id="shielding" value="1">
                                            <label class="form-check-label" for="shielding">Shielding wire</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">    
                                    <div class="form-floating my-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="conductor" id="radius" checked="checked" value="1">
                                            <label class="form-check-label" for="radius">Sh. wire radius</label>
                                        </div>
                                    </div>
                                </div>                                                           
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="wire_radius_length" name="wire_radius_length" value="">
                                        <label>Sh. wire radius (r):</label>
                                        <input type="hidden" name="wire_radius_type" value="mm">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-floating my-3">
                                        <table class="table table-bordered">
                                            <thead>
                                                <th></th>
                                                <th>Y,m</th>
                                                <th>X.m</th>
                                                <th>f.m</th>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Conductor 1</td>
                                                    <td>
                                                        <input type="text" name="conductor1_1" id="conductor1_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor1_2" id="conductor1_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor1_3" id="conductor1_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Conductor 2</td>
                                                    <td>
                                                        <input type="text" name="conductor2_1" id="conductor2_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor2_2" id="conductor2_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor2_3" id="conductor2_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Conductor 3</td>
                                                    <td>
                                                        <input type="text" name="conductor3_1" id="conductor3_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text"  name="conductor3_2" id="conductor3_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor3_3" id="conductor3_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Conductor 4</td>
                                                    <td>
                                                        <input type="text" name="conductor4_1" id="conductor4_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor4_2" id="conductor4_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor4_3" id="conductor4_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Conductor 5</td>
                                                    <td>
                                                        <input type="text" name="conductor5_1" id="conductor5_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor5_2" id="conductor5_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor5_3" id="conductor5_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Conductor 6</td>
                                                    <td>
                                                        <input type="text" name="conductor6_1" id="conductor6_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor6_2" id="conductor6_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="conductor6_3" id="conductor6_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input class="form-check-input" type="checkbox" name="sw[]" id="sw1" value="1">
                                                        <label>Sh. wire 1</label>
                                                    </td>
                                                    <td>
                                                        <input type="text" name="sw1_1" id="sw1_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="sw1_2" id="sw1_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="sw1_3" id="sw1_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input class="form-check-input" type="checkbox" name="sw[]" id="sw2" value="2">
                                                        <label>Sh. wire 2</label>
                                                    </td>
                                                    <td>
                                                        <input type="text" name="sw2_1" id="sw2_1" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="sw2_2" id="sw2_2" class="table_input" value="">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="sw2_3" id="sw2_3" class="table_input" value="">
                                                    </td>
                                                </tr>
                                            </tbody>                            
                                        </table>
                                    </div>
                                </div>
                            </div>
                            @break
                        @case('conductor')
                            <div class="row">
                                <div class="col-12"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_conductor_label" name="f_conductor_label" value="">
                                        <label>Label:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_cross_section" name="f_cross_section" value="">
                                        <label>Cross-section:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_diameter" name="f_diameter" value="">
                                        <label>Diameter:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_resistivity" name="f_resistivity" value="">
                                        <label>Resistivity:</label>
                                    </div>
                                </div>
                            </div>
                            @break
                        @case('wire')
                            <div class="row">
                                <div class="col-12"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_wire_label" name="f_wire_label" value="">
                                        <label>Label:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="wire_cross_section" name="wire_cross_section" value="">
                                        <label>Cross-section:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="wire_diameter" name="wire_diameter" value="">
                                        <label>Diameter:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="wire_resistivity" name="wire_resistivity" value="">
                                        <label>Resistivity:</label>
                                    </div>
                                </div>
                            </div>
                            @break
                        @case('insulation')
                            <div class="row">
                                <div class="col-12"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="insulator_label" name="insulator_label" value="">
                                        <label>Insulator label:</label>
                                    </div>
                                </div>
                                <div class="col-6">     
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="insulator_type">
                                            <option value="capnpin">Cap and pin</option>
                                            <option value="composite">Composite</option>
                                            <option value="pin">Pin</option>
                                        </select>
                                        <label>Insulator type:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="insulator_number" name="insulator_number" value="">
                                        <label>Number of insulators in strain (N):</label>
                                        <input type="hidden" name="insulator_number_type" value="pc">
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="structural_height" name="structural_height" value="">
                                        <label>Structural height (h):</label>
                                        <input type="hidden" name="structural_height_type" value="mm">
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="insulator_diameter" name="insulator_diameter" value="">
                                        <label>Insulator diameter (D):</label>
                                        <input type="hidden" name="insulator_diameter_type" value="mm">
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="flashover" name="flashover" value="">
                                        <label>Flashover voltage(CFO) (U50%):</label>
                                        <input type="hidden" name="flashover_type" value="kV">
                                    </div>
                                </div>
                            </div>
                            @break
                        @case('insulator')
                            <div class="row">
                                <div class="col-6">     
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="f_insulator_type">
                                            <option value="capnpin">Cap and pin</option>
                                            <option value="composite">Composite</option>
                                            <option value="pin">Pin</option>
                                        </select>
                                        <label>Type:</label>
                                    </div>
                                </div>
                                <div class="col-6">     
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="f_material">
                                            <option value="porcelain">Porcelain</option>
                                            <option value="glass">Glass</option>
                                            <option value="polymer">Polymer</option>
                                        </select>
                                        <label>Material:</label>
                                    </div>
                                </div>
                                <div class="col-12"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_insulator_label" name="f_insulator_label" value="">
                                        <label>Label:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_insulator_structural_height" name="f_insulator_structural_height" value="">
                                        <label>Structural height:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_insulator_diameter" name="f_insulator_diameter" value="">
                                        <label>Insulator Diameter:</label>
                                    </div>
                                </div>
                                <div class="col-6"> 
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" id="f_flashover" name="f_flashover" value="">
                                        <label>Flashover voltage:</label>
                                    </div>
                                </div>
                            </div>
                            @break
                        @case('llpd')
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-floating my-3">
                                        <input type="text" class="form-control" name="f_llpd_name" value="">
                                        <label for="f_llpd_name">LLPDs Name:</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="number" class="form-control" id="number_outages" name="number_outages" placeholder="Target number of outages" value="5">
                                        <label for="number_outages">Target number of outages:</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <input type="number" class="form-control" id="quantity" name="quantity" placeholder="On hand LLPD quantity" value="500000">
                                        <label for="number_outages">On hand LLPD quantity:</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <label class="mt-3">LLPD Selection</label>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="llpd_selection" id="dls" value="dls" checked>
                                        <label class="form-check-label" for="dls">DLS</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="dls_select" aria-label="DLS selection">
                                            <option>Select DLS</option>
                                            <option value="1">One</option>
                                            <option value="2">Two</option>
                                            <option value="3">Three</option>
                                        </select>
                                        <label for="dls_select">DLS selection:</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="llpd_selection" id="iov" value="iov">
                                        <label class="form-check-label" for="iov">IOV</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating my-3">
                                        <select class="form-select" name="iov_select" aria-label="IOV selection">
                                            <option>Select IOV</option>
                                            <option value="1">One</option>
                                            <option value="2">Two</option>
                                            <option value="3">Three</option>
                                        </select>
                                        <label for="iov_select">IOV selection:</label>
                                    </div>
                                </div>
                            </div>
                            @break
                    @endswitch
                    <div class="mt-3">
                        <button class="btn btn_grz_blue" type="submit">Save</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
    $(document).ready(function() {
        
    });
</script>
@endsection