@extends('layouts.app')

@section('CreaOfferte', 'Offerte')

@section('content')
<style>
    .labelOff
    {
        padding: 3px;
        background: #1ab394;
        color: white;
        width: 39%;
    }
    .tabs-container .tabs-left > .nav-tabs {
        float: left;
        margin-right: 19px;
        background: #1ab394;
    }
    .tabs-container .tabs-left > .nav-tabs .active > a, .tabs-container .tabs-left > .nav-tabs .active > a:hover, .tabs-container .tabs-left > .nav-tabs .active > a:focus {
        border-color: transparent;
        background: #23c6c8!important;
        color: white;
        font-size: large;
    }
    .tabs-container .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        color: #ccc;
    }

</style>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row equal">
        <div class="col-md-12">


            <div class="ibox">
                <div class="ibox-content">


                    <h2><i class="fa fa-lg fa-anchor" aria-hidden="true"></i>&nbsp;Offerta </h2>
                    <br>
                    <br>


                    <form  id="form_richieste" method="post" >
                        <input type="hidden" name="_token" value="{{ Session::token() }}" />

                        <div class="row">

                            <div class="col-md-12">
                                <div class="tabs-container">

                                    <div class="tabs-left">
                                        <ul class="nav nav-tabs">
                                            <li class="active"><a class="nav-link active" data-toggle="tab" href="#tab-1">Identificativi Offerta</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-2">Dettaglio Offerta</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-3">Modalit&agrave; Attivazione</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-4">Contatti</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-5">Caratteristiche Offerta</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-6">Dispacciamento</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-8">Condizioni Contrattuali</a></li>
                                            <li><a class="nav-link" data-toggle="tab" href="#tab-7">Sconti</a></li>
                                        </ul>

                                        <div class="tab-content">
                                            <div id="tab-1" class="tab-pane active">
                                                <div class="panel-body">
                                                    <div class="col-md-4">
                                                        <label class="labelOff">Codice Offerta </label> 
                                                        <input type="text" name="IdentificativiOfferta[PIVA_UTENTE]" placeholder="inserisci Partita Iva Utente" class="form-control">
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label class="labelOff">Codice Offerta </label> 
                                                        <input type="text" name="IdentificativiOfferta[COD_OFFERTA]" placeholder="inserisci codice offerta" class="form-control">
                                                    </div>  
                                                </div>
                                            </div>
                                            <div id="tab-2" class="tab-pane">
                                                <div class="panel-body">
                                                    <div class="col-md-6">
                                                        <label class="labelOff" for="exampleFormControlSelect1">&nbsp;Tipo Mercato</label>
                                                        <select class="form-control" name="DettaglioOfferta[TIPO_MERCATO]">
                                                            <option value="01">Elettrico</option>
                                                            <option value="02">Gas</option>
                                                            <option value="03">Dual Fuel</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  for="exampleFormControlSelect1">&nbsp;Offerta Singola</label>
                                                        <select class="form-control" name="DettaglioOfferta[OFFERTA_SINGOLA]">
                                                            <option>SI</option>
                                                            <option >NO</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  for="exampleFormControlSelect1">&nbsp;Tipo Cliente</label>
                                                        <select class="form-control" name="DettaglioOfferta[TIPO_CLIENTE]">
                                                            <option value="01">Domestico</option>
                                                            <option value="02">Altri Usi</option>
                                                            <option value="03">Condominio uso domestico (gas)</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  for="exampleFormControlSelect1">&nbsp;Categoria Cliente</label>
                                                        <select class="form-control" name="DettaglioOfferta[DOMESTICO_RESIDENTE]">
                                                            <option value=""></option>
                                                            <option value="01">Domestico Residente</option>
                                                            <option value="02">Domestico non Residente</option>
                                                            <option value="03">Tutte</option>
                                                        </select>

                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  for="exampleFormControlSelect1">&nbsp;Tipo Offerta</label>
                                                        <select class="form-control" name="DettaglioOfferta[TIPO_OFFERTA]">
                                                            <option value="01">Fisso</option>
                                                            <option value="02">Variabile</option>
                                                            <option value="03">Flat</option>
                                                        </select>

                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" for="exampleFormControlSelect1">&nbsp;Validit&agrave; Offerta</label>
                                                        <select class="form-control" name="DettaglioOfferta[TIPOLOGIA_ATT_CONTR]">
                                                            <option value="01">Cambio Fornitore</option>
                                                            <option value="02">Prima Attivazione</option>
                                                            <option value="03">Subentro</option>
                                                            <option value="04">Voltura</option>
                                                            <option value="99">Sempre</option>
                                                        </select>

                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff" >Nome Offerta </label> 
                                                        <input type="text" name="DettaglioOfferta[NOME_OFFERTA]" placeholder="inserisci il nome offerta" class="form-control">
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff" >Descrizione Offerta </label> 
                                                        <input type="text" name="DettaglioOfferta[DESCRIZIONE]" placeholder="inserisci la descrizione estesa dell'offerta" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Durata offerta(-1 indefinito) </label> 
                                                        <input type="number" min='-1' max='99' value='-1' name="DettaglioOfferta[DURATA]" placeholder="inserisci la durata" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Garanzie </label> 
                                                        <input type="text" value="NO" name="DettaglioOfferta[GARANZIE]" placeholder="inserisci la descrizione estesa dell'offerta" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="tab-3" class="tab-pane">
                                                <div class="panel-body">
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  for="exampleFormControlSelect1">&nbsp;Modalit&agrave; attivazione</label>
                                                        <select class="form-control" name="DettaglioOfferta[ModalitaAttivazione][MODALITA]">
                                                            <option value="01">WEB</option>
                                                            <option value="02">Qualsiasi Canale</option>
                                                            <option value="03">Point</option>
                                                            <option value="04">Teleselling</option>
                                                            <option value="05">Agenzia</option>
                                                            <option value="99">Altro</option>
                                                        </select>

                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Descrizione modalità </label> 
                                                        <input type="text"  name="DettaglioOfferta[ModalitaAttivazione][DESCRIZIONE]" placeholder="inserisci la descrizione estesa dell'offerta" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="tab-4" class="tab-pane">
                                                <div class="panel-body">

                                                    <div class="col-md-4">
                                                        <label class="labelOff" >Telefono Azienda </label> 
                                                        <input type="text"  name="DettaglioOfferta[Contatti][TELEFONO]" placeholder="inserisci la descrizione estesa dell'offerta" class="form-control">
                                                    </div>
                                                    <div class="col-md-8">
                                                        <label class="labelOff" >Sito web venditore</label> 
                                                        <input type="text"  name="DettaglioOfferta[Contatti][URL_SITO_VENDITORE]" placeholder="inserisci la descrizione estesa dell'offerta" class="form-control">
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff" >Link Offerta </label> 
                                                        <input type="text"  name="DettaglioOfferta[Contatti][URL_OFFERTA]" placeholder="inserisci la descrizione estesa dell'offerta" class="form-control">
                                                    </div>

                                                </div>

                                            </div>
                                            <div id="tab-5" class="tab-pane">
                                                <div class="panel-body">
                                                    <div class="col-md-4">
                                                        <label class="labelOff"  >&nbsp;Tipo Prezzo</label>
                                                        <select class="form-control" name="TipoPrezzo[TIPOLOGIA_FASCE]">
                                                            <option value=""></option>
                                                            <option value="01">Monorario</option>
                                                            <option value="03">F1,F2,F3</option>
                                                            <option value="07">PEAK</option>
                                                            <option value="08">OFFPEAK</option>
                                                        </select>
                                                    </div>  

                                                    <div class="col-md-4">
                                                        <label class="labelOff"  for="exampleFormControlSelect1">&nbsp;Indice Prezzo</label>
                                                        <select class="form-control" name="RiferimentoPrezzoEnergia[IDX_PREZZO_ENERGIA]">
                                                            <option value=""></option>
                                                            <option value="01">PUN</option>
                                                            <option value="02">TTF</option>
                                                            <option value="03">PSV</option>
                                                            <option value="99">ALTRO</option>
                                                        </select>

                                                    </div>
                                                    <div class="col-md-4">
                                                        <label class="labelOff" >Descrizione indice</label> 
                                                        <input type="text"  name="RiferimentoPrezzoEnergia[ALTRO]" placeholder="inserisci la descrizione" class="form-control">
                                                    </div>

                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Data Inizio</label> 
                                                        <input type="date"  name="ValiditàOfferta[DATA_INIZIO]" placeholder="inserisci data inizio offerta" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Data Fine</label> 
                                                        <input type="date"  name="ValiditàOfferta[DATA_FINE]" placeholder="inserisci data fine offerta" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Offerte Congiunta EE </label> 
                                                        <input type="text"  name="OffertaDUAL[OFFERTE_CONGIUNTE_EE]" placeholder="inserisci la descrizione estesa dell'offerta congiunta ee" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Offerte Congiunta Gas </label> 
                                                        <input type="text"  name="OffertaDUAL[OFFERTE_CONGIUNTE_GAS]" placeholder="inserisci la descrizione estesa dell'offerta congiunta gas" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  >&nbsp;Metodo Pagamento</label>
                                                        <select class="form-control" name="MetodoPagamento[MODALITA_PAGAMENTO]">
                                                            <option value="01">Domiciliazione Bancaria</option>
                                                            <option value="02">Domiciliazione Postale</option>
                                                            <option value="03">Domiciliazione Carta</option>
                                                            <option value="04">Bollettino</option>
                                                            <option value="99">ALTRO</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Descrizione Metodo Pagamento </label> 
                                                        <input type="text"  name="MetodoPagamento[DESCRIZIONE]" placeholder="inserisci la descrizione metodo pagamento" class="form-control">
                                                    </div>


                                                </div>

                                            </div>
                                            <div id="tab-6" class="tab-pane">
                                                <div class="panel-body">
                                                    <div class="col-md-12">
                                                        <label class="labelOff"  >&nbsp;Tipo Dispacciamento</label>
                                                        <select class="form-control" name="Dispacciamento[TIPO_DISPACCIAMENTO]">
                                                            <option value="01">Disp 111/06</option>
                                                            <option value="09">PVD/QVD</option>
                                                            <option value="99">Altro</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff" >Valore Dispacciamento </label> 
                                                        <input type="number"  step="0.000001"  name="Dispacciamento[VALORE_DISP]" placeholder="inserisci il valore del disp in $/Kwh" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Componente Dispacciamento</label> 
                                                        <input type="text"    name="Dispacciamento[NOME]" placeholder="inserisci il nome della componente" class="form-control">
                                                    </div>

                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Intervallo Prezzi Componente </label> 
                                                        <input type="number"  step="0.000001" name="ComponenteImpresa[IntervalloPrezzi][PREZZO]" placeholder="valore unitario componente(compreso perdite)" class="form-control">
                                                    </div> 
                                                </div>

                                            </div>
                                            <div id="tab-7" class="tab-pane">
                                                <div class="panel-body">
                                                    <!-- SEZIONE SCONTO RIPETUTA-->
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Sconto Nome</label> 
                                                        <input type="text"   name="Sconto[0][NOME]" placeholder="nome dello sconto" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff" >Sconto Descrizione</label> 
                                                        <input type="text"   name="Sconto[0][DESCRIZIONE]" placeholder="descrizione dello sconto" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  >&nbsp;Sconto validit&agrave;</label>
                                                        <select class="form-control" name="Sconto[0][VALIDITA]">
                                                            <option value="01">Ingresso</option>
                                                            <option value="02">Entro 12 mesi</option>
                                                            <option value="03">Oltre i 12 mesi</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  >&nbsp;ScontoIva</label>
                                                        <select class="form-control" name="Sconto[0][IVA_SCONTO]">
                                                            <option value="01">Ingresso</option>
                                                            <option value="02">Entro 12 mesi</option>
                                                            <option value="03">Oltre i 12 mesi</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff"  >&nbsp;CONDIZIONE APPLICAZIONE SCONTO</label>
                                                        <select class="form-control" name="Sconto[0][Condizione][CONDIZIONE_APPLICAZIONE]">
                                                            <option value="00">Non condizionato</option>
                                                            <option value="01">Fatturazione Elettronica</option>
                                                            <option value="02">Gestione Online</option>
                                                            <option value="03">Fatturazione Elettronica+Domiciliazione</option>
                                                            <option value="99">Altro</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff" >Descrizione Condizione Sconto </label> 
                                                        <input type="text"   name="Sconto[0][Condizione][DESRIZIONE_CONDIZIONE]" placeholder="descrizione condizione sconto" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="labelOff"  >&nbsp;Tipologia Sconto</label>
                                                        <select class="form-control" name="Sconto[0][PREZZISconto][TIPOLOGIA]">
                                                            <option value="01">Sconto Fisso</option>
                                                            <option value="02">Sconto Potenza</option>
                                                            <option value="03">Sconto Vendita</option>
                                                            <option value="04">Sconto su Tutela</option>

                                                        </select>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <label class="labelOff"  >&nbsp;Unit&agrave; misura Sconto</label>
                                                        <select class="form-control" name="Sconto[0][PREZZISconto][UNITA_MISURA]">
                                                            <option value="01">€Anno</option>
                                                            <option value="02">€kW</option>
                                                            <option value="03">€kWh</option>
                                                            <option value="04">€Sm3</option>
                                                            <option value="05">€</option>
                                                            <option value="06">Percentuale</option>

                                                        </select>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="labelOff" >Sconto Prezzo</label> 
                                                        <input type="text"   name="Sconto[0][PREZZISconto][PREZZO]" placeholder="prezzo dello sconto" class="form-control">
                                                    </div>
                                                </div>

                                            </div>
                                            <div id="tab-8" class="tab-pane">
                                                <div class="panel-body">
                                                     <div class="col-md-12">
                                                        <label class="labelOff"  >&nbsp;Tipo condizione</label>
                                                        <select class="form-control" name="Condizionicontrattuali[0][TIPOLOGIA_CONDIZIONE]">
                                                            <option value="01">Attivazione</option>
                                                            <option value="02">Disattivazione</option>
                                                            <option value="03">Recesso</option>
                                                            <option value="04">Offerta Pluriennale</option>
                                                            <option value="099">Altro</option>

                                                        </select>
                                                    </div>
                                                      <div class="col-md-12">
                                                        <label class="labelOff" >Altro</label> 
                                                        <input type="text"   name="Condizionicontrattuali[0][ALTRO]" placeholder="descrizione extra tipo condizione" class="form-control">
                                                    </div>
                                                      <div class="col-md-12">
                                                        <label class="labelOff" >Descrizione</label> 
                                                        <input type="text"   name="Condizionicontrattuali[0][DESCRIZIONE]" placeholder="descrizione della condizione contrattuale" class="form-control">
                                                    </div>
                                                      <div class="col-md-12">
                                                        <label class="labelOff" >Limitante</label> 
                                                             <select class="form-control" name="Condizionicontrattuali[0][LIMITANTE]">
                                                            <option value="01">SI</option>
                                                            <option value="02" selected="true">NO</option>
                                                         

                                                        </select>
                                                    </div>
                                                    
                                                </div>

                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>   

                            <div class="row">
                                <div class="col-md-12"> <button  class="btn btn-primary btn-lg center-block" type="submit">Salva Offerta</button></div>

                            </div>

                        </div> 
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection