{{-- Extends layout --}}
@extends(((Auth()->user()) ? 'layout.app_private' : 'layout.app_public' ))


{{-- Content --}}
@section('content')
    <!--begin::Container-->
    @if (Auth()->user())
        <div class="d-flex flex-column flex-column-fluid container-fluid">
    @else
        <div class="mt-20 d-flex flex-column flex-column-fluid container">
    @endif

    <!--begin::Post-->
    <div class="content flex-column-fluid" id="kt_content">
        <!--begin::Content-->
        <div class="card d-flex flex-row-fluid">
            @if (Auth()->user())
                <div class="card-header bg-primary">
                    <h3 class="card-title fw-bolder text-white">{{__("static_pages.".$data["name"].".title")}}</h3>
                </div>
            @else
                <h1 class="text-primary text-center">{{__("static_pages.".$data["name"].".title")}}</h1>
            @endif
            <!--begin::Wrapper-->
            <div class="card-body fs-5">

                <!-- Inner documentation API -->
                @foreach ($data["api"] as $api)

                    @php
                        switch($api["verb"]) {
                            case "GET"      : $color = "primary"; break;
                            case "POST"     : $color = "info"; break;
                            case "PUT"      :
                            case "PATCH"    : $color = "warning"; break;
                            case "DELETE"   : $color = "danger"; break;
                        }
                    @endphp

                    <div class="api">
                        <div class="row">
                            <div class="col-md-6">
                                <h2 class="text-primary">{{__("static_pages.documentation_api.endpoints.".$api["name"].".title")}}</h2>
                                <p class="text-muted">{!!__("static_pages.documentation_api.endpoints.".$api["name"].".desc")!!}</p>

                                <div class="alert alert-{{$color}} d-flex align-items-center p-5">
                                      <i class="fs-2 fas fa-cog text-{{$color}} me-5"></i>
                                    <div class="d-flex flex-column">
                                           <h4 class="mb-1 text-{{$color}}">{{$api["verb"]}}</h4>
                                        <span class="mb-1 text-{{$color}}">{{$api["endpoint"]}}</span>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-6">
                                <h3>{{__("static_pages.documentation_api.query_params")}}</h3>
                                <div class="table-responsive">
                                    <table class="table table-rounded table-flush">
                                        <thead>
                                            <tr class="fw-semibold fs-7 text-primary border-bottom border-gray-200 py-4">
                                                <th>{{__("static_pages.documentation_api.field")}}</th>
                                                <th>{{__("static_pages.documentation_api.type")}}</th>
                                                <th>{{__("static_pages.documentation_api.description")}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($api["query_params"] as $row)
                                            <tr class="py-5 fw-semibold  border-bottom border-gray-300 fs-7">
                                                <td>{{$row["field"]}}</td>
                                                <td>{{__("static_pages.documentation_api.types.".$row["type"])}}</td>
                                                <td>{{__("static_pages.documentation_api.descriptions.".$row["field"])}}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>


                            </div>
                        </div>

                        <div class="row mt-10">
                            <div class="col-md-6">
                                <h3>{{__("static_pages.documentation_api.example_input")}}</h3>
                                <div class="code bg-dark p-10">
                                    <ul class="input_example fs-7">
                                        @foreach ($api["curl_example"] as $item)
                                            <li class="text-white">{{$item}}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h3>{{__("static_pages.documentation_api.example_output")}} - {{__("static_pages.documentation_api.format")}}: {{$api["response_type"]}}</h3>
                                <div class="code bg-dark p-10">
                                    @if ($api["response_type"] === "JSON")
                                        <pre class="text-white fs-7">{{json_encode(json_decode($api["result_example"]), JSON_PRETTY_PRINT)}}</pre>
                                    @else
                                        <pre class="result_xml text-white fs-7">{{$api["result_example"]}}</pre>
                                    @endif

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

                        <!-- ERRORS -->
                        @if (count($api["errors"]) > 0)
                            <div class="row mt-10">
                                <div class="col-md-6">
                                    <h3>{{__("static_pages.documentation_api.errors_title")}}</h3>
                                    <div class="table-responsive">
                                        <table class="table table-rounded table-flush">
                                            <thead>
                                                <tr class="fw-semibold fs-7 text-primary border-bottom border-gray-200 py-4">
                                                    <th>{{__("static_pages.documentation_api.error_code")}}</th>
                                                    <th>{{__("static_pages.documentation_api.description")}}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($api["errors"] as $indexError => $error_code)
                                                    <tr class="py-5 fw-semibold  border-bottom border-gray-300 fs-7">
                                                        <td>{{$error_code}}</td>
                                                        <td>{{__("static_pages.documentation_api.errors.".$error_code)}}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>


                                </div>
                            </div>
                        @endif

                        <hr class="mt-10 mb-10"/>
                    </div>

                @endforeach

                <!-- Inner documentation API -->

            </div>
        </div>
        <!--end::Content-->
    </div>
    <!--end::Post-->

</div>
<!--end::Container-->
@endsection

{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('assets/css/views/static.css') }}" rel="stylesheet" type="text/css" />
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <script src="{{ asset('assets/js/views/static/init.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            StaticView.init({
                data : {!! json_encode($data) !!}
            });
        });
    </script>
@endsection