@extends('layouts.app', ['title' => __('Add Site')])

@section('content')

    @include('sites.partials.header', [
        'title' => __('Edit:') . ' ' . $site->site_name,
        'class' => 'col-lg-12',
        'button' => 'Back to Site',
        'button_url' => route('sites.show', $site->id),
    ])

    <div class="container-fluid mt--7">
        @if (session('error') || isset($error))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') ?: $error }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <div class="row">
            <div class="col">
                <div class="card bg-secondary shadow">
                    <div class="card-header bg-white border-0">
                        <div class="row align-items-center"></div>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('sites.update', $site->id) }}" autocomplete="off">
                            @csrf
                            @method('put')

                            @if (session('status'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ session('status') }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif

                            <div class="row">
                                <div class="col">
                                    <div class="form-group{{ $errors->has('site_name') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="input-name">{{ __('Site Name') }} <span class="text-red">*</span></label>
                                        <input type="text" name="site_name" id="input-name" class="form-control form-control-alternative{{ $errors->has('site_name') ? ' is-invalid' : '' }}" placeholder="{{ __('WooCommerce Shop') }}" value="{{ old('site_name', $site->site_name) }}" autofocus>

                                        @if ($errors->has('site_name'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('site_name') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group{{ $errors->has('url') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="input-url">{{ __('Site URL') }} <span class="text-red">*</span></label>
                                        <input type="url" name="url" id="input-url" class="form-control form-control-alternative{{ $errors->has('url') ? ' is-invalid' : '' }}" placeholder="{{ __('https://example.com') }}" value="{{ old('url', $site->url) }}" required>

                                        @if ($errors->has('url'))
                                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('url') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group{{ $errors->has('key') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="consumer-key">{{ __('Consumer Key') }} <span class="text-red">*</span></label>
                                        <div class="input-group">
                                            <input type="password" name="key" id="consumer-key" class="form-control form-control-alternative{{ $errors->has('key') ? ' is-invalid' : '' }}" placeholder="{{ __('Consumer Key') }}" value="{{ old('key', $site->key) }}" required>
                                            <div class="input-group-addon">
                                                <span class="toggle-keys">
                                                  <i class="fas fa-eye" aria-hidden="true"></i>
                                                </span>
                                            </div>
                                        </div>

                                        @if ($errors->has('key'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('key') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group{{ $errors->has('secret') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="consumer-secret">{{ __('Consumer Secret') }} <span class="text-red">*</span></label>
                                        <div class="input-group">
                                        <input type="password" name="secret" id="consumer-secret" class="form-control form-control-alternative{{ $errors->has('secret') ? ' is-invalid' : '' }}" placeholder="{{ __('Consumer Secret') }}" value="{{ old('secret', $site->secret) }}" required>

                                            <div class="input-group-addon">
                                                <span class="toggle-keys">
                                                  <i class="fas fa-eye" aria-hidden="true"></i>
                                                </span>
                                            </div>
                                        </div>
                                        @if ($errors->has('secret'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('secret') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-webhook">{{ __('Webhook Key') }}</label>
                                        <div class="input-group">
                                            <input type="text" name="webook_key" id="input-webhook" class="form-control form-control-alternative" readonly value="{{ $site->webhook_key }}">
                                            <button type="button" id="regen-key" class="btn btn-secondary" data-token="" data-url="{{route('sites.webhook', $site->id)}}" data-site="{{$site->id}}"><i class="fa fa-sync"></i> Regenerate Key</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-wc_version">{{ __('WooCommerce Version') }}</label>
                                        <div class="input-group">
                                            <input type="text" name="wc_version" id="input-wc_version" class="form-control form-control-alternative" readonly value="{{ $site->wc_version }}">
                                            <button type="button" id="check-version" class="btn btn-secondary" data-token="" data-url="{{route('sites.version', $site->id)}}" data-site="{{$site->id}}"><i class="fa fa-sync"></i> Check Version</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    <label for="active">Active?</label>
                                    <div class="form-group">

                                        <label class="custom-toggle">
                                            <input id="input-active" name="active" type="checkbox" {{$site->active ? 'checked' : ''}}>
                                            <span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="text-left">
                                <button type="submit" class="btn btn-success mt-4">{{ __('Update Site') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        @include('layouts.footers.auth')
    </div>
@endsection