@extends('layouts.admin')
@section('content')
    <style>
        .table td {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .table th {
            padding-top: 15px;
            padding-bottom: 15px;
        }
    </style>
    <h1 class="app-page-title">Úprava: {{ $category->name }}</h1>
    <div class="col-12">
        <div class="app-card app-card-chart h-100 shadow-sm">
            <div class="app-card-header p-3">
                <div class="row justify-content-between align-items-center">
                    <div class="col-auto">
                        <h4 class="app-card-title">Úprava kategorie</h4>
                    </div>
                    <!--//col-->
                    <div class="col-auto">

                        <!--//card-header-actions-->
                    </div>
                    <!--//col-->
                </div>
                <!--//row-->
            </div>
            <!--//app-card-header-->
            <div class="app-card-body p-3 p-lg-4">

                <form class="settings-form" action="/category/{{ $category->id }}/edit" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label for="setting-input-1" class="form-label">Název</label>
                        <input type="text" class="form-control" id="setting-input-1" name="name"
                            value="{{ $category->name }}" required>
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-2" class="form-label">URL</label>
                        <input type="text" class="form-control" id="setting-input-2" name="url"
                            value="{{ $category->text_id }}" required="">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-3" class="form-label">Sociální síť</label>
                        <select name="socials" class="form-select" id="settings-input-3">
                            @foreach ($socials as $s)
                                <option value="{{ $s->id }}" @if ($s->id == $category->social_id) selected @endif>
                                    {{ $s->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="setting-input-20" class="form-label">API ID</label>
                            <input type="text" class="form-control" id="setting-input-20" name="api"
                                value="{{ $category->packs()->first()->serviceId }}" required="">
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="setting-input-30" class="form-label">Cena za 1k ($)</label>
                            <input type="text" class="form-control" id="setting-input-30" name="rate"
                                value="{{ $category->packs()->first()->rate }}" required="">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-311" class="form-label">Provider</label>
                        <select name="provider" class="form-select" id="settings-input-311">
                            <option value="jap" @if ($category->packs()->first()->provider == 'jap') selected @endif>JAP</option>
                            <option value="peakerr" @if ($category->packs()->first()->provider == 'peakerr') selected @endif>Peakerr</option>
                            <option value="followiz" @if ($category->packs()->first()->provider == 'followiz') selected @endif>Followiz</option>
                            <option value="momo" @if ($category->packs()->first()->provider == 'momo') selected @endif>Momo</option>
                        </select>
                    </div>
                    <div class="form-check form-switch mb-4">
                        <input class="form-check-input" type="checkbox" id="settings-switch-1" name="likes"
                            @if ($category->likes) checked @endif>
                        <label class="form-check-label" for="settings-switch-1">Formát lajky</label>
                    </div>

                    <div class="form-check form-switch mb-4">
                        <input class="form-check-input" type="checkbox" id="settings-switch-2" name="universal"
                            @if ($category->type) checked @endif>
                        <label class="form-check-label" for="settings-switch-2">Univerzální</label>
                    </div>

                    <div class="mb-3">
                        <label for="setting-input-2" class="form-label">SEO název</label>
                        <input type="text" class="form-control" id="setting-input-2" name="seo_title"
                            value="{{ $category->seo_title }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-3" class="form-label">SEO popisek</label>
                        <input type="text" class="form-control" id="setting-input-3" name="seo_desc"
                            value="{{ $category->seo_desc }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-4" class="form-label">Nadpis nad nadpisem</label>
                        <input type="text" class="form-control" id="setting-input-4" name="nadnadpis"
                            value="{{ $category->h1nadpis }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-5" class="form-label">Hlavní nadpis</label>
                        <input type="text" class="form-control" id="setting-input-5" name="nadpis"
                            value="{{ $category->h2nadpis }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-6" class="form-label">Popisek</label>
                        <textarea name="popisek" id="setting-input-6" class="form-control" cols="30" rows="10"
                            style="min-height:80px;">{{ $category->popis }}</textarea>
                    </div>
                    <div class="mb-3 row">
                        <div class="col-md-4">
                            <label for="setting-input-7" class="form-label">Počet objednávek</label>
                            <input type="text" class="form-control" id="setting-input-7" name="countovka"
                                value="{{ $category->infocount }}">
                        </div>
                        <div class="col-md-4">
                            <label for="setting-input-8" class="form-label">Ikonka (FA)</label>
                            <input type="text" class="form-control" id="setting-input-8" name="ikonka"
                                value="{{ $category->icon }}">
                        </div>
                        <div class="col-md-4">
                            <label for="setting-input-9" class="form-label">Nazev v ceniku</label>
                            <input type="text" class="form-control" id="setting-input-9" name="cenikovka"
                                value="{{ $category->product_name }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-44" class="form-label">FAQ nadpis</label>
                        <input type="text" class="form-control" id="setting-input-44" name="faq_nadpis"
                            value="{{ $category->faq_nadpis }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-10" class="form-label">Input text</label>
                        <input type="text" class="form-control" id="setting-input-10" name="input_text"
                            value="{{ $category->input_name }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-12" class="form-label">Článek Název</label>
                        <input type="text" class="form-control" id="setting-input-12" name="clanek_nadpis"
                            value="{{ $category->article_nadpis }}">
                    </div>
                    <div class="mb-3">
                        <label for="setting-input-12" class="form-label">Článek Text</label>
                        <textarea name="clanek_text" id="setting-input-12" class="form-control" cols="30" rows="10"
                            style="min-height:150px;">{{ $category->seo_article }}</textarea>
                    </div>

                    <div>
                        <button type="submit" class="btn app-btn-primary"
                            style="font-size:16px; padding:8px 25px;">Uložit</button>
                    </div>
                </form>

            </div>
            <!--//app-card-body-->
        </div>
        <!--//app-card-->
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $('#socials').DataTable({
                searching: false,
                ordering: false,
                paging: false
            });
        });
    </script>
@endsection