@extends('main')
@section('content')
<div id="content" class="content">
    <form id="myform" name="myform" action="{{ URL::to('/').$form_act }}" method="post" autocomplete="off">
    @csrf
    <ol class="breadcrumb pull-right">
        <li><a href="javascript:;">Home</a></li>
        <li class="active">{{ $title }}</li>
    </ol>
    <h1 class="page-header">{{ $title }}</h1>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-inverse">
                @if (isset($tabs))
                    @if ($tabs > 0)
                        <div class="tab-overflow" style="background-color: #242A30">
                            <ul class="nav nav-tabs nav-tabs-inverse">
                                <li class="prev-button"><a href="javascript:;" data-click="prev-tab" class="text-success"><i class="fa fa-arrow-left"></i></a></li>
                                @foreach ($tabs as $row)
                                    <li class="{{ $row["active"] }}"><a href="{{ url('/') . $row['url'] }}">{{ $row["label"] }}</a></li>
                                @endforeach
                                <li class="next-button"><a href="javascript:;" data-click="next-tab" class="text-success"><i class="fa fa-arrow-right"></i></a></li>
                                <h4 class="panel-title">
                                    @if (!empty($filtered_info))
                                        @foreach ($filtered_info as $row)
                                        <span class="label label-danger">{{ $row }}</span>
                                        @endforeach
                                    @endif
                                </h4>
                            </ul>
                        </div>
                    @endif
                @else
                    <div class="panel-heading">
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        </div>
                        <h4 class="panel-title">{{ $title }}</h4>
                    </div> 
                @endif
                <div class="alert alert-danger" id="alert-box" style="{{ (Session::has("error_message")) ? "" : "display:none;" }}">
                    <i class="fa fa-times-circle fa-fw"></i> <span id="alert-message">{{ (Session::has("error_message")) ? Session::get("error_message") : "" }}</span>
                </div>
                <div class="alert alert-success" id="success-box" style="{{ (Session::has("success_message")) ? "" : "display:none;" }}; border-radius: 0 !important;">
                    <i class="fa fa-times-circle fa-fw"></i> <span id="success-message">{{ (Session::has("success_message")) ? Session::get("success_message") : "" }}</span>
                </div>
                <div class="panel-body">
                    @if (empty($hide_simple_search))
                    <div class="col-md-3 pull-right" style="position: absolute; right: 0; margin-right: 10px;">
                        <input type="text" class="form-control" placeholder="Search ..."name="text_search" id="text_search" value="{{ $text_search }}">
                    </div>
                    @endif
                    <p>
                        @php
                        $isSingle   = "FALSE";
                        @endphp

                        @foreach ($action as $action_menu)
                            {!! getActionButton($action_menu->name, $action_menu->url, $action_menu->icon) !!}
                            
                            @php
                            $var    = explode("|", $action_menu->icon);
                            @endphp

                            @if ($var[0] == "single-modal")
                                @php
                                    $isSingle   = "TRUE";
                                @endphp
                            @endif

                        @endforeach

                        @if (!empty($SHR_ModuleId))
                        <!-- <a href="javascript:void(0)" class="btn btn-sm btn-success" id="button_wiki" title="{{ url('/wiki/what/'.$SHR_ModuleId) }}"><i class="fa fa-question-circle"></i></a> -->
                        @else
                        <!-- <a href="javascript:;" class="btn btn-sm btn-success" id="search-panel-botton"><i class="fa fa-search"></i></a> -->
                        @endif
                        
                        @if (!empty($adv_search))
                        <a href="javascript:;" class="btn btn-sm btn-success" id="search-panel-botton"><i class="fa fa-search"></i></a>
                        @endif
                    </p>
                    <div style="margin-bottom: 15px; display: none;" id="search-panel-body">
                        <form class="form-horizontal" id="myform" name="myform" action="{{ URL::to('/').$form_act }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <h4>Search</h4>
                        @if (!empty($adv_search))
                            @foreach ($fields as $row)
                                {!! $row !!}
                            @endforeach

                            @foreach ($buttons as $row)
                                {!! $row !!}
                            @endforeach
                        @endif
                    </div>
                    <table id="data-table" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                @foreach ($table_header as $header)
                                    <th width="{{ $header["width"] }}" style="text-align:{{ $header["align"] }}; border: 0px; font-weight: bold;">{{ $header["label"] }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($select) == 0)
                                <tr>
                                    <td colspan="{{ count($table_header) }}" style="text-align: center; background-color: #fff">No data found (0)</td>
                                </tr>
                            @else
                                @php ($No = 0) @endphp

                                @foreach ($select as $rs)
                                    <tr>
                                        @foreach ($table_header as $row)
                                            @php ($field = $row["name"]) @endphp

                                            <td style="width:{{ $row["width"] }}; text-align:{{ $row["item-align"] }};">
                                                @if ($row["item-format"] == "number")
                                                    {{ number_format($rs->$field, 0) }}
                                                @elseif ($row["item-format"] == "flag")
                                                    {!! getLabelFlag($rs->$field) !!}
                                                @elseif ($row["item-format"] == "checkbox")
                                                    <input type="checkbox" id="checkbox_id_" name="checkbox_id[]" class ="checkbox_id" value="{{ $rs->$field }}">
                                                @else
                                                    {{ $rs->$field }}
                                                @endif
                                            </td>
                                        @endforeach
                                    </tr>
                                    @php
                                        $No = $No + 1
                                    @endphp
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                    <div class="row">
                        <div class="col-sm-15">
                            {!! $pagging !!}
                        </div>
                        <div class="col-sm-5">
                            <div class="dataTables_info">
                              @if (empty($query))
                                  No data found | (0) data
                              @else
                                  Found ({{$record}}) rows
                              @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if (!empty($fields_modal))
        <div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="favoritesModalLabel">{{$title_modal}}</h4>
                    </div>
                    <form class="form-horizontal" id="myform2" name="myform2" action="{{ URL::to('/').$form_act_modal }}" method="post">
                        <div class="modal-body" style="margin-bottom: 20px;">
                            @csrf
                            @foreach ($fields_modal as $row)
                                {!! $row !!}
                            @endforeach
                        </div>
                        <div class="modal-footer">
                            <div class="form-group">
                                <label class="col-md-3 control-label">&nbsp;</label>
                                <div class="col-md-9">
                                    @foreach ($buttons_modal as $row)
                                        {!! $row !!}
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @endif
    </div>
    <input type="hidden" id="text_control" name="text_control" value="hide">
    <input type="hidden" id="text_checked_control" name="text_checked_control" value="ERROR">
    <input type="hidden" id="text_checked_single" name="text_checked_single" value="{{ $isSingle }}">
    <input type="hidden" id="text_url_modal" name="text_url_modal" value="{{ (!empty($form_act_modal)) ? URL::to('/').$form_act_modal : "" }}">
    <form>
</div>
<script>
    $("#success-box").delay(6000).slideUp(500);
    $("#alert-box").delay(6000).slideUp(500);

    $("#search-panel-botton").click(function(){
        var control = $("#text_control").val();

        if(control == "hide") {
            $("#search-panel-body").show();
            $("#text_control").val("show");                
        } else {
            $("#search-panel-body").hide();
            $("#text_control").val("hide");                
        }
    });

    $("#button_modal").click(function() {
        var url = $("#text_url_modal").val();
        var param = $("#text_param").val();
        var param_id = $("#text_checked_control").val();
        var single = $("#text_checked_single").val();

        if(single == "TRUE") {
            if(param_id == "ERROR") {
                alert("No item selected (0)");
            } else {
                if(param_id == "ERROR2") {
                    alert("Too many selected");
                    return false;
                } else {
                    window.location = url + "/" + param + "/" + param_id;
                }
            }
        } else {
            window.location = url + "/" + param;
        }

        return false;
    });
</script>
@stop