@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.contentStore') }}" 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">Programetes</option>
                <option value="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" 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" 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" 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"></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">Seg a Sex.</option>
                <option value="2">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">Não</option>
                    <option value="1">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_mon" 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_tue" 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_wed" autocomplete="off">
                </div>

                <div class="col-md-6">
                    <label for="name" class="form-label">Quinta</label>
                    <input type="text" class="form-control" name="link_thu" 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_fri" 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_sat" 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_sun" autocomplete="off">
                </div>
            </div>

        <button type="submit" class="btn btn-secondary mt-2 mb-3">Cadastrar</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){
    $.get("{{ route('admin.contentGetType') }}/"+type).done(function(object) {
        $( ".categories" ).empty();

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

    });
}
getCat('1');

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



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