@extends('layouts.dashboard.app')

@php
    $body_class = 'fullpage';
    $header_params = [
            'btn_back_url' => route('dashboard.websites.index')
    ] ;

    if($website->id){
         $action =  route('dashboard.websites.update', $website);
    } else {
         $action = route('dashboard.websites.store');
    }
    $step_params = ['step' => 1];
@endphp

@section('content')
    <div class="wrapper header-fixed sidebar-gutters">
        <main class="content">
            <div class="container content-container">
                @php
                  //// dump($website);
                @endphp

                <section class="section-wrapper">
                    <form class="website_edit_info_form wrappe-container" action="{{ $action }}" method="post">
                            @csrf
                            @if($website->id)
                                @method('PUT')
                            @else

                            @endif
                            <div class="section-wrapper--header --border-header">

                                <div class="container section-wrapper--header--container --sm">
                                    <x-dashboard.website-step :sparams="$step_params" />

                                    <button href="#" class=" {{ !($website->id)?' create_new':' ' }} btn btn--primary btn--lg btn--lg-2">
                                        <span>Next Step</span>
                                        <span class="ico">
                                            @php include(public_path('dash/img/ico-chevron-next.svg')) @endphp
                                        </span>
                                    </button>
                                </div>

                            </div>


                            <div data-step="1" class="website_step section-wrapper--body">
                                <div class="container section-wrapper--body--container --sm">
                                    <div class="row gy-24 mb-42">
                                        <div class="col-lg-5">
                                            <h3 class="mb-10">Add Domain</h3>
                                            <p class="fw-500 color-secondary text--xs mb-20">You need to add you domain to get API key</p>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="row gy-24 gx-16">
                                                <div class="col-12">
                                                    <div class="form-group input--xl">
                                                        <label class="label">Domain</label>
                                                        <input name="domain" class="input input--outline" type="text" value="{{ $website->domain }}" placeholder="vnexpress.net">
                                                        <span data-input="domain" class="input-error"></span>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="row gy-24 mb-42">
                                        <div class="col-lg-5">
                                            <h3 class="mb-10">Status</h3>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="row gy-24 gx-16">
                                                <div class="col-12">
                                                    <div class="select-wrapper select-light form-group input--xl">
                                                        @if(\App\Models\Website::STATUSES)
                                                            @php

                                                              $canActive = auth()->user()->can('canCreateEditActiveWebsite', [auth()->user(), $website->id?1:0 ]);

                                                            @endphp
                                                            <div class="select-wrapper select-light form-group input--lg input--lg-2 select-500 w-142">
                                                                <select name="status" class="select-default" data-minimum-results-for-search="Infinity">
                                                                    @foreach(\App\Models\Website::STATUSES as $st)
                                                                        @if(!$canActive && $st['key'] == 'active')
                                                                            @continue;
                                                                        @endif
                                                                        <option {{ ($website->status == $st['key'])?'selected="selected"':''  }} value="{{ $st['key'] }}">{{ $st['name'] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        @endif


                                                        <span data-input="status" class="input-error"></span>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="row gy-24 mb-42">
                                        <div class="col-lg-5">
                                            <h3 class="mb-10">Consent Mode (GTM) </h3>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="row gy-24 gx-16">
                                                <div class="col-12">
                                                    <div class="select-wrapper select-light form-group input--xl">
                                                        @if(\App\Models\Website::GCM_STATUS)

                                                            <div class="select-wrapper select-light form-group input--lg input--lg-2 select-500 w-142">
                                                                <select name="gcm" class="select-default" data-minimum-results-for-search="Infinity">
                                                                    @foreach(\App\Models\Website::GCM_STATUS as $st)
                                                                        <option {{ ($website->gcm == $st['key'])?'selected="selected"':''  }} value="{{ $st['key'] }}">{{ $st['name'] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        @endif

                                                        <span data-input="gcm" class="input-error"></span>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>



                                    <div class="row gy-24 mb-42">
                                        <div class="col-lg-5">
                                            <h3 class="mb-10">Popup Language</h3>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="row gy-24 gx-16">
                                                <div class="col-12">
                                                    <div class="select-wrapper select-light form-group input--xl">
                                                        <div class="select-wrapper select-light form-group input--lg input--lg-2 select-500 w-142">
                                                            <select name="locale" class="select-default" data-minimum-results-for-search="Infinity">
                                                                @foreach(LaravelLocalization::getLocalesOrder() as $localeCode => $properties)
                                                                    <option {{ ($website->locale == $localeCode)?'selected="selected"':''  }} value="{{ $localeCode }}">{{ $properties['name'] }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <span data-input="locale" class="input-error"></span>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="row gy-24">
                                        <div class="col-lg-5">
                                            <h3 class="mb-10">Website Info</h3>
                                            <p class="fw-500 color-secondary text--xs mb-20">Tell us something about your website</p>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="row gy-24 gx-16">
                                                <div class="col-12">
                                                    <div class="form-group input--xl">
                                                        <label class="label">Website Description</label>
                                                        <textarea rows="5" name="description" class="textarea input--outline" placeholder="Here will be some information about the website...">{{ $website->description }}</textarea>
                                                    </div>
                                                </div>
                                            </div>

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

                            <div class="section-wrapper--footer">
                                <div class="container section-wrapper--footer--container --sm">
                                    <a href="{{ route('dashboard.websites.index') }}" class="btn btn--lg btn--lg-2 btn--light radius-1 w-max">
                                        <p>Cancel</p>
                                    </a>
                                </div>
                            </div>


                    </form>
                </section>

            </div>

        </main>

        <x-footer-dashboard />
    </div>

@endsection



@push('scripts')
    <script src="{{ asset('dash/js/websites.js') }}"></script>
@endpush