@extends('layout.app')
@section('title')
    {{ __('message.package_show') }}
@stop
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset("app-assets/vendors/css/forms/select/select2.min.css")}}">
    <link rel="stylesheet" type="text/css" href="{{asset("app-assets/vendors/css/forms/wizard/bs-stepper.min.css")}}">
    <link rel="stylesheet" type="text/css" href="{{asset("app-assets/css/plugins/forms/form-validation.css")}}">
    <link rel="stylesheet" type="text/css" href="{{asset("app-assets/css/plugins/forms/form-wizard.css")}}">
@stop

@section('content')
    <!-- Horizontal Wizard -->
    <!-- /Horizontal Wizard -->

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{ __('message.package_show') }}</h2>
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route("dashboard")}}">{{ __('message.dashboard') }}</a>
                                </li>
                                <li class="breadcrumb-item"><a href="{{route("package_name.index")}}">{{ __('message.package_name') }}</a>
                                </li>
                                <li class="breadcrumb-item active">{{ __('message.package_show') }}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <!-- users edit start -->
            <!-- Modern Horizontal Wizard -->
            <section class="modern-horizontal-wizard">
                <div class="bs-stepper wizard-modern modern-wizard-example">
                    <div class="bs-stepper-header">
                        <div class="step" data-target="#account-details-modern">
                            <button type="button" class="step-trigger">
                                    <span class="bs-stepper-box">
                                        <i data-feather='box' class="font-medium-3"></i>
                                    </span>
                                <span class="bs-stepper-label">
                                        <span class="bs-stepper-title">{{ __('message.package_name') }}</span>
                                        <span class="bs-stepper-subtitle"> Package</span>
                                    </span>
                            </button>
                        </div>
                        <div class="line">
                            <i data-feather="chevron-right" class="font-medium-2"></i>
                        </div>

                        <div class="step" data-target="#app-info-modern">
                            <button type="button" class="step-trigger">
                                    <span class="bs-stepper-box">
                                        <i data-feather='smartphone' class="font-medium-3"></i>
                                    </span>
                                <span class="bs-stepper-label">
                                        <span class="bs-stepper-title">Success App</span>
                                    </span>
                            </button>
                        </div>
                    </div>
                    <div class="bs-stepper-content">

                        {{-- form for store clients --}}

                        <div id="account-details-modern" class="content">
                            <div class="content-header">
                                <h5 class="mb-0">{{ __('message.package_created') }}</h5>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="name" class="form-label title">{{ __('message.package_name') }}</label>
                                    <label for="name" class="form-label">{{ $packageName->package_name }}</label>
                                </div>

                                    <div class="form-group col-md-6">
                                        <label for="name" class="form-label title">{{ __('message.app_name') }}</label>
                                        <label for="name" class="form-label">{{ $packageName->app_name }}</label>

                                    </div>
                                <div class="form-group col-md-6">
                                    <label for="name" class="form-label title">{{ __('message.ar_app_name') }}</label>
                                    <label for="name" class="form-label">{{ $packageName->ar_app_name }}</label>

                                </div>

                                <div class="form-group col-md-6">
                                    <label for="name" class="form-label col-form-label title">{{ __('message.package_type') }}</label>
                                    <label for="name" class="form-label col-form-label">
                                        @if($packageName->type == 0)
                                            official
                                        @elseif($packageName->type == 1)
                                            Modded
                                        @else
                                            Hacked
                                        @endif
                                    </label>


                                </div>


                            </div>

                            <div class="d-flex justify-content-between">
                                <button type="button" class="btn btn-outline-secondary btn-prev" disabled>
                                    <i data-feather="arrow-left" class="align-middle mr-sm-25 mr-0"></i>
                                    <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                </button>
                                <button type="button" class="btn btn-primary btn-next">
                                    <span class="align-middle d-sm-inline-block d-none">Next</span>
                                    <i data-feather="arrow-right" class="align-middle ml-sm-25 ml-0"></i>
                                </button>
                            </div>
                        </div>
                        <div id="app-info-modern" class="content">
                            <div class="content-header">
                                <h5 class="mb-0">Success App</h5>
                            </div>
                            <div class="row">
                               @isset($result)

                                   @foreach($result as $key=>$app)
{{--                                        @dd($app["success"])--}}
                                       @if(isset($app["success"]))
                                    <div class="alert alert-success" role="alert">
                                        <h4 class="alert-heading">Success App</h4>
                                        <div class="alert-body">
                                          Create App At Website <strong>{{$app["success"]}}</strong> With Status <strong>200</strong>
                                        </div>
                                    </div>
                                            <br>
                                           @elseif(isset($app["error"]))

                                            <div class="alert alert-danger" role="alert">
                                                <h4 class="alert-heading">Fail App</h4>

                                                <div class="alert-body">
                                                    Failed to Create App At Website <strong>{{$app["error"]["app"]}}</strong> With Status <strong>{{$app["error"]["status"]}}</strong>
                                                    link : {{$app["error"]["link"]}}
                                                </div>
                                            </div>
                                            <br>
                                            <div class="alert alert-danger" role="alert">
                                                <h4 class="alert-heading">Old Header of {{$app["error"]["app"]}}</h4>
                                                <div class="alert-body">
                                                    {{json_encode($app["error"]["old_header"])}}
                                                </div>
                                            </div>
                                            <div class="alert alert-danger" role="alert">
                                                <h4 class="alert-heading">Header of {{$app["error"]["app"]}}</h4>
                                                <div class="alert-body">
                                                    {{json_encode($app["error"]["header"])}}
                                                </div>
                                            </div>
                                            <br>
                                        @endif
                                    @endforeach
                                @endisset

                            </div>

                            <div class="d-flex justify-content-between">
                                <button type="button" class="btn btn-primary btn-prev">
                                    <i data-feather="arrow-left" class="align-middle mr-sm-25 mr-0"></i>
                                    <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                </button>
                                <a href="{{route("package_name.index")}}" class="btn btn-primary">
                                    <span class="align-middle d-sm-inline-block d-none">Done</span>
                                    {{--                                    <i data-feather="arrow-right" class="align-middle ml-sm-25 ml-0"></i>--}}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- /Modern Horizontal Wizard -->


        </div>
    </div>
@endsection

@section("js")
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset("app-assets/vendors/js/forms/select/select2.full.min.js")}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset("app-assets/js/scripts/forms/form-select2.js")}}"></script>
    <!-- END: Page JS-->
    <script src="{{asset("app-assets/vendors/js/forms/wizard/bs-stepper.min.js")}}"></script>
    <script src="{{asset("app-assets/js/scripts/forms/form-wizard.js")}}"></script>


@endsection