{{-- MODAL TEMPLATES --}}
@foreach ($templates as $item)
    <div class="modal fade" id="template{{ $item->id }}" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Datos a exportar</h4>
                    @if ($item->type_frecuency == 1)
                        <div class="badge badge-primary">{{ $item->frecuency }}</div>
                    @elseif($item->type_frecuency == 2)
                        <div class="badge badge-danger">
                            {{ optional($item->getLogReporter)->week !== null ? config('constants.weekTemplate')[optional($item->getLogReporter)->week] . ' ' . $item->frecuency : '-' }}
                        </div>
                    @else
                        <div class="badge badge-warning">
                            {{ optional($item->getLogReporter)->last_date ? date('d-m-Y', strtotime($item->getLogReporter->last_date)) : '-' }}</div>
                    @endif
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="fa fa-times"></i>
                    </button>
                </div>
                <div class="modal-body" style="height:80vh; overflow-x:scroll">
                    <div class="row">
                        <div class="col-12">
                            <form action="{{ route('templates.update', $item->id) }}" method="post">
                                @csrf
                                @method('put')
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="">Nombre</label>
                                            <input type="text" class="form-control" name="name" id=""
                                                aria-describedby="helpId" placeholder="Escriba nombre de plantilla "
                                                value="{{ $item->name }}" required>

                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="name">Condición general</label>
                                            <select name="conditions[]" class="form-control select2"
                                                id="{{ $item->conditions }}" multiple="multiple">
                                                <option value="{{ null }}">TODAS</option>
                                                @foreach (config('constants.semaphore') as $condition => $value)
                                                    @if (is_array(json_decode($item->conditions)))
                                                        <option
                                                            {{ array_search(strval($condition), json_decode($item->conditions)) !== false ? 'selected' : '' }}
                                                            value="{{ $condition }}">{{ $value['name'] }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    @if (!empty($customers))
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="idLubricant" class="control-label">Customer</label>
                                                <select class="form-control select2 selectCustomer"
                                                    data-input="accountModal{{ $item->id }}"
                                                    data-component="componentModal{{ $item->id }}" id="customer"
                                                    name="customer_id">
                                                    <option value="">TODOS</option>
                                                    @foreach ($customers as $customer)
                                                        <option
                                                            {{ $item->customer_id == $customer->id ? 'selected ' : ' ' }}
                                                            value="{{ $customer->id }}">{{ $customer->company }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="idAccountConsult" class="control-label">Account</label>
                                            <select class="form-control select2 idAccountConsult" name="account"
                                                data-input="unitId{{ $item->id }}"
                                                data-component="componentModal{{ $item->id }}"
                                                id="accountModal{{ $item->id }}">
                                                <option value="">TODOS</option>
                                                @foreach ($accounts as $account)
                                                    <option {{ $item->account == $account->id ? 'selected ' : ' ' }}
                                                        value="{{ $account->id }}">{{ $account->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="unitId{{ $item->id }}" class="control-label">Unit
                                                ID</label>
                                            <select class="form-control select2" id="unitId{{ $item->id }}"
                                                name="unit_id">
                                                <option value="">TODOS</option>
                                                @foreach ($item->getAccount->getEquipments as $items)
                                                    <option {{ $item->unit_id == $items->id ? 'selected ' : ' ' }}
                                                        value="{{ $items->id }}">{{ $items->unit_id }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="systemType{{ $item->id }}" class="control-label">System
                                                Type</label>
                                            <select class="form-control select2" id="systemType{{ $item->id }}"
                                                name="system_type">
                                                <option value="{{ null }}">TODOS</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="idCategoryModal" class="control-label">Category</label>
                                            <select class="form-control select2" id="idCategoryModal"
                                                name="category_id">
                                                <option value="">TODOS</option>
                                                @foreach ($categories as $category)
                                                    <option
                                                        {{ $item->category_id == $category->id ? 'selected ' : ' ' }}
                                                        value="{{ $category->id }}">{{ $category->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">

                                        <div class="form-group">
                                            <label for="componentModal" class="control-label">Component</label>
                                            <select class="form-control select2" id="componentModal{{ $item->id }}"
                                                name="component">
                                                <option value="">TODOS</option>
                                                @foreach ($component as $items)
                                                    <option {{ $items->id == $item->component ? 'selected ' : ' ' }}
                                                        value="{{ $items->id }}">{{ $items->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="idSOSModal" class="control-label">SOS</label>
                                            <select class="form-control select2" id="idSOSModal" name="sos">
                                                <option value="">TODOS</option>
                                                <option {{ $item->sos == 1 ? 'selected ' : ' ' }} value="1">SOS
                                                </option>
                                                <option {{ $item->sos == 2 ? 'selected ' : ' ' }} value="2">
                                                    Estandar
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="idMakeModal" class="control-label">Unit Mark</label>
                                            <select class="form-control select2 selectMake" id="idMakeModal"
                                                data-model="idModelModal{{ $item->id }}" name="make">
                                                <option value="">TODOS</option>
                                                @foreach ($make as $items)
                                                    <option {{ $item->make == $items->id ? 'selected ' : ' ' }}
                                                        value="{{ $items->id }}">{{ $items->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="idModelModal{{ $item->id }}" class="control-label">Unit
                                                Model</label>
                                            <select class="form-control select2" id="idModelModal{{ $item->id }}"
                                                name="model">
                                                <option value="">TODOS</option>
                                                @foreach ($model as $items)
                                                    <option {{ $item->model == $items->id ? 'selected ' : ' ' }}
                                                        value="{{ $items->id }}">{{ $items->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="idFormatModal" class="control-label">Format</label>
                                            <select class="form-control select2"
                                                id="{{ 'idFormatModal' . $item->id }}" name="format">
                                                <option {{ $item->format == 1 ? 'selected ' : ' ' }} value="1">
                                                    Excel
                                                </option>
                                                <option {{ $item->format == 2 ? 'selected ' : ' ' }} value="2">
                                                    PDF
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label for="idSelectAllUsers"
                                                        class="control-label">Usuarios</label>
                                                </div>
                                                <div class="col-md-6 text-right">
                                                    <a href="javascript:;" id="idSelectAllUsers" data-select="false">
                                                        <small><i class="fa fa-square-o" aria-hidden="true"></i>
                                                            Select all</small>
                                                    </a>
                                                </div>
                                            </div>
                                            <select class="form-control select2 idSelectUsers" id="idSelectAllUsers"
                                                name="users[]" multiple="multiple">
                                                @foreach ($recievers as $users)
                                                    <option
                                                        @foreach ($item->getUsers as $u)
                                    {{ $u->id == $users->id ? 'selected' : '' }} @endforeach
                                                        value="{{ $users->id }}">
                                                        {{ $users->name . ' ' . $users->last_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="idSelectEmail" class="control-label">E-mail</label>
                                        </div>
                                        <div class="col-md-6 text-right">
                                            <a href="javascript:;" id="idSelectEmail" data-select="false">
                                                <small><i class="fa fa-square-o" aria-hidden="true"></i> Select
                                                    all</small>
                                            </a>
                                        </div>
                                    </div>
                                    @php
                                        $uMails = [];
                                        $mails = [];
                                        if (!is_null($item->getLogReporter)) {
                                            foreach ($emails as $m) {
                                                array_push($mails, $m->email);
                                            }
                                            $logMails = json_decode($item->getLogReporter->email);
                                            foreach ($logMails as $log) {
                                                array_push($mails, $log);
                                            }

                                            foreach (array_unique($mails) as $key => $value) {
                                                array_push($uMails, $value);
                                            }
                                        }
                                    @endphp
                                    <select class="form-control emailSelected" id="idSelectEmails"
                                        multiple="multiple" name="email[]">

                                        @if (isset($item->getLogReporter))
                                            @foreach ($uMails as $email)
                                                <option
                                                    @foreach (json_decode($item->getLogReporter->email) as $log)
                                {{ $log == $email ? 'selected' : '' }} @endforeach
                                                    value="{{ $email }}">{{ $email }} </option>
                                            @endforeach
                                        @else
                                            @foreach ($emails as $email)
                                                <option
                                                    @foreach ($item->getUsers as $u)
                                    {{ $u->email == $email->email ? 'selected' : '' }} @endforeach
                                                    value="{{ $email->email }}">{{ $email->email }}</option>
                                            @endforeach
                                        @endif

                                    </select>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Frecuencia de envio</label>
                                            <select class="form-control select2" name="type_frecuency"
                                                id="typeFrecuencyModal" data-id="{{ $item->id }}" required>
                                                <option {{ $item->type_frecuency == 1 ? 'selected' : '' }}
                                                    value="1">Diario</option>
                                                <option {{ $item->type_frecuency == 2 ? 'selected' : '' }}
                                                    value="2">Semanal</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>

                                    <div class="col-md-3 col-frecuency-w-modal-{{ $item->id }}"
                                        {{ $item->type_frecuency !== 2 ? 'style=display:none' : '' }}>
                                        <div class="form-group">
                                            <label for="">Dia de la semana</label>
                                            <div>
                                                <select class="form-control" name="frecuency_w">
                                                    <option {{ optional($item->getLogReporter)->week == 6 ? 'selected' : '' }}
                                                        value="6">Domingo</option>
                                                    <option {{ optional($item->getLogReporter)->week == 0 ? 'selected' : '' }}
                                                        value="0">Lunes</option>
                                                    <option {{ optional($item->getLogReporter)->week == 1 ? 'selected' : '' }}
                                                        value="1">Martes</option>
                                                    <option {{ optional($item->getLogReporter)->week == 2 ? 'selected' : '' }}
                                                        value="2">Miércoles</option>
                                                    <option {{ optional($item->getLogReporter)->week == 3 ? 'selected' : '' }}
                                                        value="3">Jueves</option>
                                                    <option {{ optional($item->getLogReporter)->week == 4 ? 'selected' : '' }}
                                                        value="4">Viernes</option>
                                                    <option {{ optional($item->getLogReporter)->week == 5 ? 'selected' : '' }}
                                                        value="5">Sábado</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-frecuency-m-modal-{{ $item->id }}"
                                        {{ $item->type_frecuency !== 3 ? 'style=display:none' : '' }}>
                                        <div class="form-group">
                                            <label for="">Frecuencia mensual</label>
                                            <div>
                                                <input class="form-control" name="frecuency_m" type="date"
                                                    value="{{ $item->type_frecuency == 3 && optional($item->getLogReporter)->last_date ? date('Y-m-d', strtotime($item->getLogReporter->last_date)) : date('Y-m-d') }}"
                                                    min="{{ date('Y-m-d') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                        class="col-md-{{ $item->type_frecuency == 1 ? '6' : '3' }} col-frecuency-modal-{{ $item->id }}">
                                        <div class="form-group">
                                            <label for="">Frecuencia especifica</label>
                                            <div id="idSpecificFrequency{{ $item->id }}">
                                                <input class="form-control" name="frecuency" type="time"
                                                    value="{{ optional($item->getLogReporter)->frecuency }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col">
                                        <button type="submit" name="button" class="btn btn-dark btn-block">
                                            Actualizar
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <div class="row mt-10">
                                @if (count($item->getUsers) > 0)
                                    <div class="col">
                                        <form action="{{ route('template.getReport') }}" class="row"
                                            method="get" target="_blank">
                                            <input type="hidden" value="{{ $item->id }}" name="template">
                                            <input type="hidden" id="formatInput{{ $item->id }}"
                                                value="{{ $item->format }}" name="format">
                                            <div class="form-group col d-flex align-items-center">
                                                <button type="submit" class="btn btn_admin btn-block">
                                                    <i class="fa fa-download" aria-hidden="true"></i> Descargar
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach