@extends('layout.template')
@section('title', 'Home')
@section('content')
<div class="container my-5">
    <div>
        @if (session('status'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('status') }}
                <div class="text-end">
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <div class="text-end">
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        @endif
        @if(!empty($data['project']))
        <form method="post" action="{{url('project/'.$data['project']['0']->id.'/update_project_name')}}" class="row g-3">
            @csrf
            <div class="col-auto">
                <p class="mt-1">Project Name:</p>
            </div>
            <div class="col-auto">
                <input type="text" class="form-control" id="project_name" name="project_name" placeholder="Project Name" value="{{$data['project']['0']->project_name}}" required>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn_grz_blue mb-3">Save</button>
            </div>
        </form>
        @endif
        <!-- <form method="post" action=""> -->
            @php
            if(!empty($data['project'])){
                $data_project = $data['project'];
                $get_data = $data_project['0']->data;
                $decode_get_data = json_decode($get_data);
                $project_id = $data_project['0']->id;
                if(!empty($decode_get_data->substation->name)){
                    $substation_name = $decode_get_data->substation->name;
                }else{
                    $substation_name = 'Substation';
                }
                if(!empty($decode_get_data->section)){
                    $section = $decode_get_data->section;
                    $count = count($section);
                }else{
                    $section = '';
                    $count = 1;
                }
            }else{
                $section = '';
                $count = 1;
                $project_id = '';
            }

            $explode_url = explode('/', $_SERVER['REQUEST_URI']);
            $created_by_param = end($explode_url);
            if($data['project']['0']->created_by == Auth::id() || $created_by_param == $data['project']['0']->created_by || Auth::user()->user_type_id == '2'){
                $dnone = '';
            }else{
                $dnone = 'd-none';
            }
            @endphp
            <table class="table_main" id="table_main">
                <tr class="line_above d-none" id="line_above_0">
                    <td class="section" id="section_above_0">
                        <div class="mt-2 overlay_close">
                            <a href="#" class="modal_bb" col="0" id="a_name_above_0"  data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                <img src="{{url('img/icon-section-field.png')}}" class="width_icon">
                                <p id="section_above_txt_0">Section</p>
                            </a>
                            <span class="text-end tbc_close_sub {{$dnone}}" id="section_close_above_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div>
                    </td>
                    <td class="transfo d-none" id="transform_above_0" project_id="{{$project_id}}">
                        <div class="overlay_close">
                            <a href="#" col="0" id="a_name_trans_above_0" data-bs-toggle="modal" data-bs-target="#modal_transformer_0">
                                <img src="{{url('img/icon-transformer.png')}}" class="width_icon section_img_process">
                                <p id="tranform_above_txt_0">Step-up transformer</p>
                            </a>    
                            <span class="text-end tbc_close_sub {{$dnone}}" id="transform_close_above_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div>
                    </td>
                    <td class="plus_above_side text-start p-0 {{$dnone}}" id="plus_above_side_0"><i class="fa-solid fa-circle-plus"></i></td>
                    <td class="div_card_above_side d-none">
                        <div class="card select_card" id="cardlist_above_side_0" style="position: absolute; z-index: 2; left: -50px; top: 0;">
                            <div class="card-header">
                                Please select
                            </div>
                            <ul class="list-group list-group-flush">
                                <!-- <li class="list-group-item">
                                    <a href="#" class="cardlist_above_side" id="add_stepup_above_side_0" project_id="{{$project_id}}" data-bs-toggle="modal" data-bs-target="#modal_transformer_0"><i class="fa-solid fa-circle-stop"></i> Step-up transformer</a>
                                </li> -->
                                <li class="list-group-item">
                                    <a href="#" class="cardlist_above_side" id="add_section_above_side_0" row="0" data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                        <i class="fa-solid fa-circle-plus"></i> Additional section
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </td>  
                </tr>
                <tr class="main_line">
                    <td class="substation d-none" id="substation">
                        <div class="overlay_close">
                            <a href="#" class="modal_bb" id="substation_0" data-bs-toggle="modal" data-bs-target="#modal_substation_0" col="0">
                                <img src="{{url('img/icon-substation.png')}}" class="width_icon section_img_process">
                                <p id="substation_txt_0">{{$substation_name}}</p>
                            </a>   
                            <span class="text-end tbc_close_sub d-none" id="substation_close_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div>
                    </td>
                    <td class="transfo d-none" id="transform">
                        <div class="overlay_close">
                            <a href="#" col="0" id="a_name_trans_0" data-bs-toggle="modal" data-bs-target="#modal_transformer_0">
                                <img src="{{url('img/icon-transformer.png')}}" class="width_icon section_img_process">
                                <p id="tranform_above_txt_0">Step-up transformer</p>
                            </a>    
                            <span class="text-end tbc_close_sub {{$dnone}}" id="transform_close_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div> 
                    </td>
                    <td class="node d-none" id="node">
                        <div class="div_section p-0 m-0 mt-4" id="div_section_0">
                            <a href="#" col="0" data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                <span class="plus_sub_section_above {{$dnone}}" id="plus_sub_section_above_0" col="0">
                                    <i class="fa-solid fa-circle-plus"></i>
                                </span>
                            </a>
                            <div class="card d-none select_card_main" id="cardlist_above_0" style="position: absolute; z-index: 2; left: 50px; top: -39px;">
                                <div class="card-header">
                                    Please select
                                </div>
                                <ul class="list-group list-group-flush">
                                    <!-- <li class="list-group-item">
                                        <a href="#" class="cardlist_above" id="add_stepup_above_0" project_id="{{$project_id}}" data-bs-toggle="modal" data-bs-target="#modal_transformer_0"><i class="fa-solid fa-circle-stop"></i> Step-up transformer</a>
                                    </li> -->
                                    <li class="list-group-item">
                                        <a href="#" class="cardlist_above" id="add_section_above_0" data-bs-toggle="modal" data-bs-target="#modal_section_0"><i class="fa-solid fa-circle-plus"></i> Additional section</a>
                                    </li>
                                    <li class="list-group-item">
                                        <a href="#" class="cardlist_above" id="add_node_above_0" project_id="{{$project_id}}"><i class="fa-solid fa-diagram-project"></i> Node</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="overlay_close">
                                <span class="text-end tbc_close_sub {{$dnone}}" id="node_close_0" col="0">
                                    <small><i class="fa-solid fa-xmark"></i></small>
                                </span>
                            </div>
                            <span class="row_main section_img_process"><img src="{{url('img/icon-node.png')}}" class="height_node"></span>
                            <a href="#" col="0" data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                <span class="plus_sub_section_below {{$dnone}}" id="plus_sub_section_below_0" col="0">
                                    <i class="fa-solid fa-circle-plus"></i>
                                </span>
                            </a>
                            <div class="card d-none select_card_main" id="cardlist_below_0" style="position: absolute; z-index: 2; left: 100px; top: 0;">
                                <div class="card-header">
                                    Please select
                                </div>
                                <ul class="list-group list-group-flush">
                                    <!-- <li class="list-group-item">
                                        <a href="#" class="cardlist_below" id="add_stepup_below_0" project_id="{{$project_id}}" data-bs-toggle="modal" data-bs-target="#modal_transformer_0"><i class="fa-solid fa-circle-stop"></i> Step-up transformer</a>
                                    </li> -->
                                    <li class="list-group-item">
                                        <a href="#" class="cardlist_below" id="add_section_below_0" row="0" data-bs-toggle="modal" data-bs-target="#modal_section_0"><i class="fa-solid fa-circle-plus"></i> Additional section</a>
                                    </li>
                                    <li class="list-group-item">
                                        <a href="#" class="cardlist_below" id="add_node_below_0" project_id="{{$project_id}}"><i class="fa-solid fa-diagram-project"></i> Node</a>
                                    </li>
                                </ul>
                            </div> 
                        </div>
                    </td>
                    <td class="section d-none" id="tb_section" col="0">
                        <div class="mt-2 overlay_close">
                            <a href="#" class="modal_bb" col="0" id="a_name_b_0" data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                <img src="{{url('img/icon-section-field.png')}}" class="width_icon">
                                <p id="section_txt_0">Section</p>
                            </a>
                            <span class="text-end tbc_close_sub {{$dnone}}" id="section_close_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div>
                    </td>
                    <td class="section_plus text-start p-0 {{$dnone}}"><i class="fa-solid fa-circle-plus"></i></td>
                    <td class="div_card d-none">
                        <div class="card select_card" id="cardlist_0" style="position: absolute; z-index: 2; left: 0; top: 0;">
                            <div class="card-header">
                                Please select
                            </div>
                            <ul class="list-group list-group-flush">
                                <!-- <li class="list-group-item">
                                    <a href="#" class="cardlist" id="add_stepup_0" project_id="{{$project_id}}" data-bs-toggle="modal" data-bs-target="#modal_transformer_0"><i class="fa-solid fa-circle-stop"></i> Step-up transformer</a>
                                </li> -->
                                                                <li class="list-group-item {{$d_none_substation}}">
                                    <a href="#" class="cardlist" id="add_substation_0" col="0" data-bs-toggle="modal" data-bs-target="#modal_substation_0">
                                        <i class="fa-solid fa-circle-plus"></i> Substation
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#" class="cardlist" id="add_section_0" col="0" data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                        <i class="fa-solid fa-circle-plus"></i> Additional section
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#" class="cardlist" id="add_node_0" project_id="{{$project_id}}"><i class="fa-solid fa-diagram-project"></i> Node</a>
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr class="line_below d-none" id="line_below_0">
                    <td class="section" id="section_below">
                        <div class="mt-2 overlay_close">
                            <a href="#" class="modal_bb" col="0" id="a_name_below_0" data-bs-toggle="modal" data-bs-target="#modal_section_0">
                                <img src="{{url('img/icon-section-field.png')}}" class="width_icon">
                                <p id="section_below_txt_0">Section</p>
                            </a>
                            <span class="text-end tbc_close_sub {{$dnone}}" id="section_close_below_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div>
                    </td>
                    <td class="transfo d-none" id="transform_below">
                        <div class="overlay_close">
                            <a href="#" col="0" id="a_name_trans_below_0" data-bs-toggle="modal" data-bs-target="#modal_transformer_0">
                                <img src="{{url('img/icon-transformer.png')}}" class="width_icon section_img_process">
                                <p id="tranform_below_txt_0">Step-up transformer</p>
                            </a>
                            <span class="text-end tbc_close_sub {{$dnone}}" id="transform_close_below_0" col="0">
                                <small><i class="fa-solid fa-xmark"></i></small>
                            </span>
                        </div>
                    </td>
                    <td class="plus_below_side text-start p-0 {{$dnone}}" id="plus_below_side_0">
                        <i class="fa-solid fa-circle-plus"></i>
                    </td>
                    <td class="div_card_below_side d-none">
                        <div class="card select_card" id="cardlist_below_side_0" style="position: absolute; z-index: 2; left: 0; top: 0;">
                            <div class="card-header">
                                Please select
                            </div>
                            <ul class="list-group list-group-flush">
                                <!-- <li class="list-group-item">
                                    <a href="#" class="cardlist_below_side" id="add_stepup_below_side_0" project_id="{{$project_id}}" data-bs-toggle="modal" data-bs-target="#modal_transformer_0"><i class="fa-solid fa-circle-stop"></i> Step-up transformer</a>
                                </li> -->
                                <li class="list-group-item">
                                    <a href="#" class="cardlist_below_side" id="add_section_below_side_0" row="0"  data-bs-toggle="modal" data-bs-target="#modal_section_0"><i class="fa-solid fa-circle-plus"></i> Additional section</a>
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>   
            </table>
            <div>
                <p class="d-none" id="payment_type">{{$data['user']['payment_type']}}</p>
            </div>
        <!-- </form> -->
    </div>
</div>
<div class="modal_substation">
    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/syasiacoxf/groza/resources/views/project.blade.php:333
Stack trace:
#0 {main}
  thrown in <b>/home/syasiacoxf/groza/resources/views/project.blade.php</b> on line <b>333</b><br />