@extends('layouts.main')

@section('title')
System Matrix | Storage
@endsection

@section('menu')
{!! $menu !!}
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{URL('/')}}">Home</a></li>
    <li class="breadcrumb-item"><a href="{{URL('/storage')}}">Storage</a></li>
    <li class="breadcrumb-item active">{{$label}}</li>
</ol>
<div class="row">
    <div class="col-lg-12 sm-no-padding">
        <form id="form-project" role="form" enctype="multipart/form-data" action="{{URL('/')}}/storage{{$storage_id != '' ? '/'.$storage_id : ''}}" method="POST">
            <button aria-label="" class="btn btn-primary pull-right" type="submit"><i class="fas fa-save"></i>&nbsp;{{$label1}} Storage</button>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item"><a class="nav-link active" id="1-tab" data-bs-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true">General Info</a></li>
                <li class="nav-item"><a class="nav-link" id="2-tab" data-bs-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="true">VM Host Servers</a></li>
            </ul>
            <div class="card card-transparent">
                <div class="card-body no-padding">
                    <div id="card-advance" class="card card-default">
                        <div class="card-body">
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane active show fade" id="tab-1" role="tabpanel" aria-labelledby="1-tab">
                                    <div class="row">
                                        <div class="col-lg-6 sm-no-padding">
                                            @if($storage_id != "")
                                            <input type="hidden" name="_method" value="PUT"/>
                                            @endif
                                            @csrf
                                            <div class="form-group-attached">
                                                <div class="form-group form-group-default required"
                                                    aria-required="true">
                                                    <label>IP Address</label>
                                                    <input type="text" class="form-control" name="ip_address"
                                                        value="{{Request::old('ip_address') == "" ? $ip_address : Request::old('ip_address')}}"
                                                        placeholder="" required="reqiured"
                                                        aria-required="true" aria-invalid="true"
                                                        aria-describedby="popover144430">
                                                </div>
                                                <div class="form-group form-group-default required"
                                                    aria-required="true">
                                                    <label>Storage</label>
                                                    <input type="text" class="form-control" name="storage"
                                                        value="{{Request::old('storage') == "" ? $storage : Request::old('storage')}}"
                                                        placeholder="" required="reqiured"
                                                        aria-required="true" aria-invalid="true"
                                                        aria-describedby="popover144430">
                                                </div>
                                                <div class="row clearfix">
                                                    <div class="col-md-12">
                                                        <div class="form-group form-group-default"
                                                            aria-required="true">
                                                            <label>Description</label>
                                                            <textarea class="form-control" name="description" 
                                                                aria-required="true" aria-invalid="true"
                                                                aria-describedby="popover538167"
                                                                row="4" cols="50" style="height: 20vh">{{Request::old('description') == "" ? $description : Request::old('description')}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group form-group-default required"
                                                    aria-required="true">
                                                    <label>Capacity</label>
                                                    <input type="text" class="form-control" name="capacity"
                                                        value="{{Request::old('capacity') == "" ? $capacity : Request::old('capacity')}}"
                                                        placeholder="" required="reqiured"
                                                        aria-required="true" aria-invalid="true"
                                                        aria-describedby="popover144430">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="2-tab">
                                    <table style="width:100%" class="table table-striped table-responsive-block" id="table_id2">
                                        <thead>
                                            <tr>
                                                <th>Server</th>
                                                <th>Delete</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @if($query != "")

                                            @foreach($query->servers as $result)
                                                <br />
<b>Notice</b>:  Undefined variable: servers in <b>C:\laragon\www\system-matrix\resources\views\admin\storage\create.blade.php</b> on line <b>97</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\storage\create.blade.php</b> on line <b>97</b><br />

                                            <tr>
                                                <td>
                                                    <input type="hidden" name="storage_server_id[]" value="{{$result->id}}">
                                                    {!! $option1 !!}
                                                </td>
                                                <td style="width: 50px; max-width: 50px; min-width: 50px;">
                                                    <a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete2">
                                                        <i style="color: white;" class="fa fa-trash fa-1x"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach

                                        @endif
                                        </tbody>
                                        <tfooter>
                                            <tr>
                                              <td colspan="6">
                                                <a id="addRow_member2" style="margin-left: 1em; float: right; cursor: pointer; color: white;" class="addButton btn btn-small btn-info"><i style="color: white;" class="fa fa-plus"></i></a>
                                               </td>
                                            </tr>
                                        </tfooter>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('page-script')
<script>
$(function() {
    $("#masterData").addClass('open');
    $("#masterData").addClass('active');
    $("#masterDataArrow").addClass('open');
    $("#masterDataArrow").addClass('active');
    $("#storage").addClass('active');

    $('.custom-tag-input').tagsinput({});
});
</script>
    <script>
        var member_table2 = $('#table_id2').DataTable( {
            "paging":   false,
            "ordering": false,
            "info":     false,
            "searching": false
        });

        <br />
<b>Notice</b>:  Undefined variable: servers in <b>C:\laragon\www\system-matrix\resources\views\admin\storage\create.blade.php</b> on line <b>176</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\storage\create.blade.php</b> on line <b>176</b><br />

        $('#addRow_member2').on( 'click', function () {

            member_table2.row.add( [
                '<input type="hidden" name="storage_server_id[]" value="0">{!! $option1 !!}',
                '<a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete2"><i style="color: white;" class="fa fa-trash fa-1x"></i></a>',
              ] ).draw( false );

            $(".mySelect").select2();

        } );

        $('#table_id2 tbody').on( 'click', 'a.icon-delete2', function () {
            var getid = $(this).data('id');

            var row1;

            if($(this).closest('table').hasClass("collapsed")) {
                var child = $(this).parents("tr.child");
                row1 = $(child).prevAll(".parent");
              } else {
                row1 = $(this).parents('tr');
            }

            myrow2 = member_table2
                .row(row1);

            swal("Are you sure?", "You will not be able to recover this Server!", {
              buttons: {
                cancel: "Cancel",
                catch: {
                  text: "Yes",
                  value: "delete",
                  className: "btn-danger",
                }
              },
            })
            .then((value) => {
              switch (value) {
             
                case "delete":
                  myrow2.remove().draw();
                  break;
             
                default:
                  swal.close();
              }
            });
        } );
    </script>
@endsection