@extends('layout.administrator.index')
@section('title', 'Templates')
@section('style')
    <style>
        .hand {
            cursor: pointer !important;
        }
    </style>
@endsection

@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            {{-- <h1>Plantillas</h1> --}}
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('administrator.dashboard') }}"><i class="fa fa-dashboard"></i>
                        Inicio</a></li>
                <li class="breadcrumb-item active">Plantillas</li>
            </ol>
        </section>

        <section class="content">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <ul>
                        @foreach ($errors->all() as $item)
                            <li>{{ $item }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if (session('danger'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('danger') }}
                    <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="box">
                        <div class="box-header with-border">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4 class="box-title">Create plantilla</h4>
                                </div>
                            </div>
                        </div>
                        <div class="box-body">
                            <form action="{{ route('administrator.templates.reporter.store') }}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label for="">Template</label>
                                    <select class="form-control select2" id="idSelectTemplate"
                                        data-customer="idSelectCustomers" name="template" required>
                                        <option disabled selected>Selecciona una plantilla</option>
                                        @foreach ($templates as $item)
                                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col">
                                            <label for="idSelectEmail" class="control-label">Correos</label>
                                        </div>
                                    </div>
                                    <select class="form-control emailSelected" id="idSelectEmails" multiple="multiple"
                                        name="email[]">
                                        @foreach ($emails as $item)
                                            <option value="{{ $item->email }}">{{ $item->email }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="">Frecuencia de envio</label>
                                    <select class="form-control select2" name="type_frecuency" id="typeFrecuency" required>
                                        <option value="1">Diario</option>
                                        <option value="2">Semanal</option>
                                        {{-- <option value="3">Mensual</option> --}}
                                    </select>
                                    <small id="helpId" class="form-text text-muted">Si escoge mensual por favor evitar
                                        escoger dias como 31 ya que todos los meses no cuentan con 31 dias en dado se tendra
                                        en cuenta los meses que tengan dicha cantidad de dias</small>
                                </div>
                                <div class="form-group">
                                    <label for="reportFormat">Formato de envio</label>
                                    <select class="form-control select2" name="format" id="reportFormat" required>
                                        <option value="" disabled selected>Seleccione un formato</option>
                                        <option value="1">Excel</option>
                                        <option value="2">PDF</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="">Frecuencia especifica</label>
                                    <div id="idSpecificFrequency">
                                        <input class="form-control" name="frecuency" id="frecuency" type="time">
                                    </div>
                                </div>
                                <button class="btn btn_admin btn-block" id="btn_asign_template">Guardar</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

@endsection

@section('js')
    <script type="text/javascript">
        $(document).ready(function() {
            $('.emailSelected').select2({
                tags: true
            });
        })


        $('#typeFrecuency').change(function() {
            $('#idSpecificFrequency').empty();
            switch ($(this).val()) {
                case "1":
                    $('#idSpecificFrequency').append(
                        '<input class="form-control" name="frecuency" id="frecuency" type="time">');
                    break;
                case "2":
                    $('#idSpecificFrequency').append(
                        '<select class="form-control" name="frecuency" id="frecuency"></select>');

                    var newState =
                        '<option value="7">Domingo</option><option value="1">Lunes</option><option value="2">Martes</option>' +
                        '<option value="3">Miércoles</option><option value="4">Jueves</option><option value="5">Viernes</option><option value="6">Sábado</option>';

                    $("#frecuency").select2().append(newState);
                    break;
                case "3":
                    $('#idSpecificFrequency').append(
                        '<input class="form-control" name="frecuency" id="frecuency" type="date">');
                    break;
                default:
                    break;
            }


        })
    </script>
@endsection