@extends('layouts.dashboard.app')

@php
    $body_class = 'fullpage';

    $header_params = [
            'heading_page_title' => 'Privacy Policy & Terms',
    ];
@endphp

@section('content')
    <div class="wrapper header-fixed sidebar-gutters">
        <main class="content">
            <div class="container content-container">
                <section class="section-wrapper">
                    <div class="wrappe-container">
                        <div class="section-wrapper--header section-wrapper--header-2">

                            <div class="container section-wrapper--header--container --sm">
                                <h1>Generate Privacy Policy & Terms Pages</h1>
                                <a href="#" class="btn btn--primary btn--lg btn--lg-2 btn_generate">
                                    <span>Generate</span>
                                    <span class="ico">
                                        @php include(public_path('dash/img/ico-stars.svg')) @endphp
                                    </span>
                                </a>
                            </div>

                        </div>
                        <div class="section-wrapper--body">
                            <div class="row">
                                @if($policyTerms->count())
                                <div class="col-lg-2">

                                        <div class="row gy-24 mb-42">
                                            <div class="col-lg-12">
                                                <h3 class="mb-10">History</h3>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="row gy-24 gx-16">
                                                    <div class="policy-terms-list">
                                                        @foreach($policyTerms as $policyTerm)
                                                            <div class="policy-terms-list-item">
                                                                @php
                                                                  $item_title = $policyTerm->getTitle();
                                                                @endphp
                                                                <a href="{{ route('dashboard.privacy-terms.show', $policyTerm) }}" class="btn btn--sm radius-10" >
                                                                   {{ $item_title }}
                                                                </a>

                                                                <form action="{{ route('dashboard.privacy-terms.destroy', $policyTerm) }}" class="general-ajax-submit" method="POST">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button type="submit" href="#" class="ask btn btn--square btn--light btn--lg btn--lg-2">
                                                                        <span class="ico"><img src="{{ asset('dash/img/ico-trash.svg') }}"></span>
                                                                    </button>
                                                                </form>

                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                </div>
                                @endif
                                <div class="{{ $policyTerms->count()?'col-lg-10':'col-lg-12' }}">
                                    <div class="container section-wrapper--body--container --sm">
                                        <div class="row gy-24 mb-42">
                                            <div class="col-lg-5">
                                                <h3 class="mb-10">Basic Information</h3>
                                                <p class="fw-500 color-secondary text--xs mb-20">Fill in basic information about your company</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">Company Name</label>
                                                            <input name="company_name" class="input input--outline" type="text" placeholder="Example Solutions Inc.">
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="form-group input--xl">
                                                            <label class="label">Website/App Name</label>
                                                            <input name="app_name" class="input input--outline custom-error" type="text" placeholder="Example MyApp">
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row gy-24">
                                            <div class="col-lg-5">
                                                <h3 class="mb-10">Key Details</h3>
                                                <p class="fw-500 color-secondary text--xs mb-20">Add some key details for better results</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">Phone number</label>
                                                            <input name="phone" class="input input--outline custom-error" type="text" placeholder="Phone number +48 123 456 789">
                                                           
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="form-group input--xl">
                                                            <label class="label">Email</label>
                                                            <input name="email" class="input input--outline custom-error" type="email" placeholder="Email address email@gmail.com">
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="form-group input--xl">
                                                            <label class="label">Company details</label>
                                                            <textarea name="company_details" rows="3" class="textarea input--outline" placeholder="Company name, VAT/NIP, REGON, Street number, City, Zipcode"></textarea>
                                                        </div>
                                                    </div>
                                                </div>

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

        </main>

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


@endsection



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