@section('title', 'Conteúdos')
@include('admin/includes/header')
@section('head')
@endsection

<main class="flex-shrink-0 mt-5">
    <div class="container">

        <form action="{{ route('admin.contentUpdate',$content->id) }}" method="POST" enctype="multipart/form-data">

            <div class="mb-3">
                <label for="name" class="form-label">Tipo de conteúdo</label>
                <select class="form-select type" name="type">
                    <option value="1" {{ ($content->type == '1' ? 'selected' : '') }}>Programetes</option>
                    <option value="2" {{ ($content->type == '2' ? 'selected' : '') }}>Programas</option>
                </select>
            </div>

            <div class="mb-3">
                <label for="name" class="form-label">Nome</label>
                <input type="text" name="name" class="form-control" id="name" value="{{ $content->name }}" autocomplete="off" required>
            </div>

            <div class="mb-3">
                <label for="name" class="form-label">Imagem</label>
                <input type="file" class="form-control" name="image" required>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="name" class="form-label">Total</label>
                    <input type="number" class="form-control" name="total" value="{{ $content->total }}" autocomplete="off" required>
                </div>

                <div class="col-md-6">
                    <label for="name" class="form-label">Tempo médio</label>
                    <input type="time" class="form-control" name="average" value="{{ $content->average }}" autocomplete="off" step="1" required>
                </div>
            </div>

            <div class="mb-3">
                <label for="name" class="form-label">Descrição</label>
                <textarea class="form-control" name="description" rows="3">{{ $content->description }}</textarea>
            </div>

            <div class="row mb-3">
                <div class="col-6">
                    <label for="name" class="form-label">Categoria</label>
                    <select name="category_id" class="form-select categories" required>
                    </select>
                </div>

                <div class="col-6">
                    <label for="name" class="form-label">Período</label>
                    <select name="period" class="form-select" required>
                        <option value="1" {{ ($content->period == '1' ? 'selected' : '') }}>Seg a Sex.</option>
                        <option value="2" {{ ($content->period == '2' ? 'selected' : '') }}>Seg. a sab.</option>
                    </select>
                </div>

            </div>

            <div class="mb-3">
                <label for="name" class="form-label">Preview</label>
                <input type="file" class="form-control" name="preview" accept="audio/*">
            </div>

            <div class="mb-3">
                <label for="name" class="form-label">Fim de semana</label>
                <select class="form-select" name="period_plus">
                    <option value="0" {{ ($content->period_plus == '0' ? 'selected' : '') }}>Não</option>
                    <option value="1" {{ ($content->period_plus == '1' ? 'selected' : '') }}>Sim</option>
                </select>
            </div>


            <h3>Links</h3>
            <hr>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="name" class="form-label">Segunda</label>
                    <input type="text" class="form-control" name="link_seg" value="{{ $content->link_seg }}" autocomplete="off">
                </div>

                <div class="col-md-6">
                    <label for="name" class="form-label">Terça</label>
                    <input type="text" class="form-control" name="link_ter" value="{{ $content->link_ter }}" autocomplete="off">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="name" class="form-label">Quarta</label>
                    <input type="text" class="form-control" name="link_qua" value="{{ $content->link_qua }}" autocomplete="off">
                </div>

                <div class="col-md-6">
                    <label for="name" class="form-label">Quinta</label>
                    <input type="text" class="form-control" name="link_qui" value="{{ $content->link_qui }}" autocomplete="off">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="name" class="form-label">Sexta</label>
                    <input type="text" class="form-control" name="link_sex" value="{{ $content->link_sex }}" autocomplete="off">
                </div>

                <div class="col-md-6">
                    <label for="name" class="form-label">Sábado</label>
                    <input type="text" class="form-control" name="link_sab" value="{{ $content->link_sab }}" autocomplete="off">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-12">
                    <label for="name" class="form-label">Domingo</label>
                    <input type="text" class="form-control" name="link_dom" value="{{ $content->link_dom }}" autocomplete="off">
                </div>
            </div>

            <button type="submit" class="btn btn-secondary mt-2 mb-3">Atualizar</button>
        </form>

    </div>
</main>

@include('admin/includes/footer')


<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>


    function getCat(type,id){
        $.get("{{ route('admin.contentGetType') }}/"+type).done(function(object) {
            $( ".categories" ).empty();

            $.each(object.cats, function(index, value) {
                $(".categories").append('<option value="'+value.id+'" '+(id != "" && id == value.id ? "selected" : "")+'>'+value.name+'</option>');
            });

        });
    }
    getCat('{{ $content->type }}',{{ $content->category }});

    $( ".type" ).change(function() {
        getCat(this.value);
    });



</script>
</body>
</html>