@extends('datacom.partiale.index')

@section('title', 'Adauga comenzi')

@section('sidebar')
@parent

@stop

@section('css')
        <!-- Select2 -->
<link rel="stylesheet" href="/assets/plugins/select2/select2.min.css">
<style>
    .subproducts, .produse-facturat-hidden {
        display:none;
    }
</style>
@endsection

@section('content')

        <!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Adauga comenzi
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">comenzi </a></li>
        <li class="active">Adauga comenzi</li>
    </ol>
</section>


<!-- Main content -->
<section class="content">

    <!-- SELECT2 EXAMPLE -->
    <div class="box box-success">
        <div class="box-header with-border">
            <h3 class="box-title">Adauga comenzi</h3>

            <div class="box-tools pull-right">
            </div>
        </div>
        <!-- /.box-header -->


        @if ($errors->any())
            <ul class="alert alert-danger">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        @endif


        <div class="box-body">
            {!! Form::open(['url' => '/comenzi', 'class' => 'form-horizontal', 'files' => true]) !!}

            <div class="row">


                <div class="col-md-6">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Detalii comanda</h3>
                        </div>
                        <div class="box-body">

                            <div class="form-group {{ $errors->has('client_id') ? 'has-error' : ''}}">
                                {!! Form::label('client_id', 'Client', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    <select name="client_id" class="form-control select2 select-client">
                                        <option value="">Selecteaza client</option>
                                        @foreach ($clienti as $id => $client)
                                            @if (!empty($client['contacts']))
                                                <option data-name="{!! $client['contacts'][0]['name'] !!}" data-phone="{!! $client['contacts'][0]['phone'] !!}" data-oras="{!! $client['oras'] !!}" data-judet_id="{!! $client['judet_id'] !!}"  data-adresa="{!! $client['adresa'] !!}" data-email="{!! $client['contacts'][0]['email'] !!}" value="{!! $client['id'] !!}" >{!! $client['name'] !!}</option>
                                            @else
                                                <option data-name="{!! $client['name'] !!}" data-phone="{!! $client['telefon'] !!}" data-oras="{!! $client['oras'] !!}" data-judet_id="{!! $client['judet_id'] !!}"  data-adresa="{!! $client['adresa'] !!}" data-email="{!! $client['email'] !!}" value="{!! $client['id'] !!}" >{!! $client['name'] !!}</option>
                                                {{--<option data-name="{!! $client->name !!}" data-phone="{!! $client->telefon !!}" data-oras="{!! $client->oras !!}" data-judet_id="{!! $client->judet_id !!}"  data-adresa="{!! $client->adresa !!}" data-email="{!! $client->email !!}" value="{!! $client->id !!}" >{!! $client->name !!}</option>--}}
                                            @endif
                                        @endforeach
                                    </select>
                                    <a href="#" class="btn btn-primary btn-xs modalButton" style="float:left" data-toggle="modal" data-src="/clienti/ajax-create" data-target="#myModal">+</a>
                                    {!! $errors->first('client_id', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('payment_type') ? 'has-error' : ''}}">
                                {!! Form::label('payment_type', 'Modalitate plata', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {{--                    {!! Form::number('category_id', null, ['class' => 'form-control', 'required' => 'required']) !!}--}}
                                    {!! Form::select('payment_type', $modalitati_de_plata, null, ['class' => 'form-control select2', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}
                                    {!! $errors->first('payment_type', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('avans') ? 'has-error' : ''}}">
                                {!! Form::label('avans', 'Avans', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('avans', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('avans', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('assigned_id') ? 'has-error' : ''}}">
                                {!! Form::label('assigned_id', 'Responsabil', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {{--                    {!! Form::number('category_id', null, ['class' => 'form-control', 'required' => 'required']) !!}--}}
                                    {!! Form::select('assigned_id', $users, null, ['class' => 'form-control select2', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}
                                    {!! $errors->first('assigned_id', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('price') ? 'has-error' : ''}}">
                                {!! Form::label('price', 'Pret', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('price', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('price', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('discount') ? 'has-error' : ''}}">
                                {!! Form::label('discount', 'Discount', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('discount', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('discount', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('images', 'Documente', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::file('images[]', ['class' => 'form-control', 'multiple' => true]) !!}
                                    {!! $errors->first('images', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('observatii') ? 'has-error' : ''}}">
                                {!! Form::label('observatii', 'Observatii client', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::textarea('observatii', null, ['class' => 'form-control', 'rows' => 5]) !!}
                                    {!! $errors->first('observatii', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>



                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>

                <div class="col-md-6">
                    <div class="box box-info">
                        <div class="box-header">
                            <h3 class="box-title">Livrare</h3>
                        </div>
                        <div class="box-body">

                            <div class="form-group {{ $errors->has('data_inregistrare') ? 'has-error' : ''}}">
                                {!! Form::label('data_inregistrare', 'Data Inregistrare', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('data_inregistrare', null, ['class' => 'form-control datepicker', 'required' => 'required']) !!}
                                    {!! $errors->first('data_inregistrare', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('data_livrare') ? 'has-error' : ''}}">
                                {!! Form::label('data_livrare', 'Data Livrare', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text( 'data_livrare', null, ['class' => 'form-control datepicker', 'required' => 'required', 'id' => 'data_livrare']) !!}
                                    {!! $errors->first('data_livrare', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('nume_livrare') ? 'has-error' : ''}}">
                                {!! Form::label('nume_livrare', 'Nume Livrare', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('nume_livrare', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('nume_livrare', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('telefon_livrare') ? 'has-error' : ''}}">
                                {!! Form::label('telefon_livrare', 'Telefon Livrare', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('telefon_livrare', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('telefon_livrare', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('email_livrare') ? 'has-error' : ''}}">
                                {!! Form::label('email_livrare', 'Email', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('email_livrare', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('email_livrare', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('adresa_livrare') ? 'has-error' : ''}}">
                                {!! Form::label('adresa_livrare', 'Adresa Livrare', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('adresa_livrare', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('adresa_livrare', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('oras') ? 'has-error' : ''}}">
                                {!! Form::label('oras', 'Oras', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('oras', null, ['class' => 'form-control']) !!}
                                    {!! $errors->first('oras', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('judet_id') ? 'has-error' : ''}}">
                                {!! Form::label('judet_id', 'Judet', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('judet_id', $judete, 10, ['class' => 'form-control']) !!}
                                    {!! $errors->first('judet_id', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('transport_id') ? 'has-error' : ''}}">
                                {!! Form::label('transport_id', 'Transport', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {{--                    {!! Form::number('category_id', null, ['class' => 'form-control', 'required' => 'required']) !!}--}}
                                    {!! Form::select('transport_id', $transport, null, ['class' => 'form-control select2', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}
                                    {!! $errors->first('transport_id', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('documente') ? 'has-error' : ''}}">
                                {!! Form::label('documente', 'Documente necesare', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('documente[]', $documente, null, ['class' => 'form-control select22', 'data-placeholder' => 'Select', 'style' => 'width: 100%;', 'multiple' => 'multiple'] ) !!}
                                    {!! $errors->first('documente', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>
            </div>






            {!! Form::hidden('products-number',0,['class' => 'products-number']) !!}

            <div class="row price-component produse-hidden">
                {!! Form::hidden('temp_dl_id_produs[]',null, ['class' => 'dl_id_produs']) !!}

                {!! Form::hidden('temp_dl_produs_id[]',null, ['class' => 'dl_produs_id']) !!}

                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <label>Produse</label>
                            {!! Form::select('produs[]', [], null, ['class' => 'form-control select2-ajax price-subcomponent', 'data-url' => '/ajax/produse', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}

                            {!! Form::hidden('temp_produs_price[]', 0,['class' => 'produs_price produs_price']) !!}
        {{--                    {!! Form::hidden('temp_produs_price_with_vat[]', 0,['class' => 'temp_produs_price_with_vat produs_price_with_vat']) !!}--}}
                            {!! Form::hidden('temp_produs_name[]', 0,['class' => 'produs_name produs_name']) !!}
                            {!! Form::hidden('temp_produs_tva_id[]', 0,['class' => 'produs_tva_id produs_tva_id']) !!}
                            <br />
                            <a href="#" class="btn btn-xs btn-warning produs-vezi-optiuni">Vezi optiuni</a>

                                <a href="#" class="btn btn-xs btn-warning vezi-subproduse">Ascunde subproduse</a>

                        </div>
                        <div class="col-xs-2 col-md-1">
                            <label>Cantitate</label>
                            {!! Form::text('temp_qty_produs[]', null, ['class' => 'form-control produs-qty price-qty']) !!}
                        </div>

                        <div class="col-xs-2 col-md-1">
                            <label>Pret u.</label>
                            {!! Form::text('temp_produs_price_with_vat[]', null, ['class' => 'form-control price-qty produs_price_with_vat']) !!}
                        </div>

                        <div class="col-xs-2 col-md-1">
                            <label>Pret total</label>
                            {!! Form::text('temp_produs_price_total[]', null, ['class' => 'form-control produs_price_total', 'readonly' => true]) !!}
                        </div>

                        <div class="col-xs-2 col-md-1">
                            <label>TVA total</label>
                            {!! Form::text('temp_produs_tva_valoare[]', null, ['class' => 'form-control produs_tva_valoare', 'readonly' => true]) !!}
                        </div>



                    </div>
                </div>

                <div class="col-md-12 optiuni-produs" style="display:none">
                    <br />
                    <div class="row">
                        <div class="col-xs-4">
                            <label>Comentariu</label>
                            {!! Form::textarea('temp_produs_comment[]', null, [  'class' => 'form-control produs_comment ', 'rows' => '3', 'style' => 'width: 100%;'] ) !!}
                        </div>
                        <div class="col-xs-2 col-md-2 form-group">
                            <label>Detaliat comanda</label>
                            {{--                    {!! Form::hidden('temp_detalii_produs[]',0,['class' => 'hidden_temp_detalii_produs']) !!}--}}
                            {!! Form::select('temp_detalii_produs[]', [ 0 => 'Nu', 1 => 'Da' ], 0, ['class' => 'minimall detalii_produs']) !!}

                        </div>

                        <div class="col-xs-2 col-md-2 form-group">
                            {{--                    {!! Form::hidden('temp_detalii_produs_lucrare[]',0,['class' => 'hidden_temp_detalii_produs_lucrare']) !!}--}}
                            <label>Detaliat lucrare</label>
                            {!! Form::select('temp_detalii_produs_lucrare[]', [ 0 => 'Nu', 1 => 'Da' ], 0, ['class' => 'minimall detalii_produs_lucrare']) !!}
                        </div>

                        <div class="col-xs-2">
                            <a href="#" class="btn btn-small btn-danger sterge">Sterge</a>
                        </div>
                    </div>
                </div>


                <div class="col-md-12 subproducts"></div>



            </div>


            <div class="row produse-facturat-hidden">

                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <label>Produs</label>
                            {!! Form::text('temp_subprodus_name[]',  null, ['class' => 'form-control subprodus_name'] ) !!}

                            {!! Form::hidden('temp_subprodus_price[]', 0,['class' => 'produs_price subprodus_price']) !!}
                            {!! Form::hidden('temp_subprodus_tva_id[]', 0,['class' => 'subprodus_tva_id produs_tva_id']) !!}
                        </div>
                        <div class="col-xs-2 col-md-1">
                            <label>Cantitate</label>
                            {!! Form::text('temp_qty_subprodus[]', null, ['class' => 'form-control qty_subprodus', 'readonly' => true]) !!}
                        </div>

                        <div class="col-xs-2 col-md-1">
                            <label>Pret u.</label>
                            {!! Form::text('temp_subprodus_price_with_vat[]', null, ['class' => 'form-control price-qty subprodus_price_with_vat']) !!}
                        </div>

                        <div class="col-xs-2 col-md-1">
                            <label>Pret total</label>
                            {!! Form::text('temp_subprodus_price_total[]', null, ['class' => 'form-control subprodus_price_total', 'readonly' => true]) !!}
                        </div>

                        <div class="col-xs-2 col-md-1">
                            <label>TVA total</label>
                            {!! Form::text('temp_subprodus_tva_valoare[]', null, ['class' => 'form-control subprodus_tva_valoare', 'readonly' => true]) !!}
                        </div>



                    </div>
                </div>

            </div>

            <div class="row dl-hidden">

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


                    <div class="box box-danger">
                        <div class="box-header with-border">
                            <h3 class="box-title">Dispozitii de livrare <a href="#" class="btn btn-small btn-danger sterge-dl">Sterge</a></h3>
                        </div>

                        <div class="box-body">


                            <div class="dls">

                                <div class="dl-component">
                                    <div class="row">
                                        <div class="col-md-1">
                                            <label>Data</label>
                                            {!! Form::text('temp_dl_data[]','', ['class' => 'form-control datepickerr temp_dl_data']) !!}
                                            {!! Form::hidden('temp_dl_temp_id[]', null, ['class' => 'temp_dl_temp_id']) !!}
                                        </div>
                                        <div class="col-md-2">
                                            <label>Destinatar</label>
                                            {!! Form::text('temp_dl_destinatar[]','', ['class' => 'form-control temp_dl_destinatar']) !!}
                                        </div>
                                        <div class="col-md-2">
                                            <label>Telefon</label>
                                            {!! Form::text('temp_dl_telefon[]','', ['class' => 'form-control temp_dl_telefon']) !!}
                                        </div>
                                        <div class="col-md-2">
                                            <label>Adresa</label>
                                            {!! Form::text('temp_dl_adresa[]','', ['class' => 'form-control temp_dl_adresa']) !!}
                                        </div>
                                        {{--<div class="col-md-1">--}}
                                            {{--<label>Documente</label>--}}
                                            {{--{!! Form::text('temp_dl_document[]','', ['class' => 'form-control temp_dl_document']) !!}--}}
                                        {{--</div>--}}
                                        {{--<div class="col-md-2">--}}
                                            {{--<label>Livrator</label>--}}
                                            {{--{!! Form::text('temp_dl_livrator[]','', ['class' => 'form-control temp_dl_livrator']) !!}--}}
                                        {{--</div>--}}
                                        <div class="col-md-2">
                                            <label>Confirmare livrare</label>
                                            {!! Form::text('temp_dl_confirmare[]','', ['class' => 'form-control confirmarer temp_dl_confirmare']) !!}
                                        </div>


                                    </div>

                                    <div class="row"><br /></div>

                                    <div class="row">


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

                                            <div class="row produse-comanda">
                                                <div class="col-md-12">


                                                    <div class="box box-primary">
                                                        <div class="box-header with-border">
                                                            <h3 class="box-title">Produse</h3>
                                                        </div>

                                                        <div class="box-body">
                                                            {!! Form::hidden('ddId[]',null,['class' => 'dlId-input']) !!}
                                                            <div class="produse dlId">


                                                            </div>


                                                        </div>
                                                        <!-- /.box-body -->
                                                        <div class="box-footer">
                                                            <a href="#" class="add-produs btn btn-small btn-primary">Adauga
                                                                produs</a>
                                                        </div>
                                                    </div>
                                                    <!-- /.box -->

                                                </div>
                                            </div>

                                        </div>


                                    </div>

                                </div>

                            </div>


                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">

                        </div>
                    </div>
                    <!-- /.box -->

                </div>

            </div>


            <div class="all-dls">

            </div>

            <a href="#" class="add-dl btn btn-small btn-primary">Adauga DL</a>




            <div class="row">

                <div class="col-md-12">
                    <div class="box box-warning">
                        <div class="box-header">
                            <h3 class="box-title">Observatii interne</h3>
                        </div>
                        <div class="box-body">

                            <div class="row">
                                <div class="form-group col-md-3{{ $errors->has('status_id') ? 'has-error' : ''}}">
                                    {!! Form::label('status_id', 'Status', ['class' => 'col-sm-3']) !!}
                                    <div class="col-sm-12">
                                        {!! Form::select('status_id', $statusuri, null, ['class' => 'form-control select2', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}
                                        {!! $errors->first('status_id', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>


                                <div class="form-group col-md-3 {{ $errors->has('activitate_id') ? 'has-error' : ''}}">
                                    {!! Form::label('activitate_id', 'Activitate', ['class' => 'col-sm-3']) !!}
                                    <div class="col-sm-12">
                                        {!! Form::select('activitate_id', $activitati, null, ['class' => 'form-control select2', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}
                                        {!! $errors->first('activitate_id', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>


                                <div class="form-group col-md-3{{ $errors->has('canal_id') ? 'has-error' : ''}}">
                                    {!! Form::label('canal_id', 'Canal', ['class' => 'col-sm-3']) !!}
                                    <div class="col-sm-12">
                                        {!! Form::select('canal_id', $canale, null, ['class' => 'form-control select2', 'data-placeholder' => 'Select', 'style' => 'width: 100%;'] ) !!}
                                        {!! $errors->first('canal_id', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('observatii_interne') ? 'has-error' : ''}}">
                                {!! Form::label('observatii_interne', 'Observatii interne', ['class' => 'col-sm-3']) !!}
                                <div class="col-sm-12">
                                    {!! Form::textarea('observatii_interne', null, ['class' => 'form-control', 'rows' => 5]) !!}
                                    {!! $errors->first('observatii_interne', '<p class="help-block">:message</p>') !!}
                                </div>
                            </div>

                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>

            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-3">
                            {!! Form::submit('Create', ['class' => 'btn btn-primary form-control']) !!}
                        </div>
                    </div>
                </div>
            </div>

            {!! Form::close() !!}

        </div>
        <!-- /.box-body -->


        <div class="box-footer">

        </div>
    </div>
    <!-- /.box -->


</section>
<!-- /.content -->

<div class="floating-price">0lei</div>
@endsection
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Adauga client nou</h4>
            </div>
            <div class="modal-body">
                <iframe frameborder="0"></iframe>
            </div>
            {{--<div class="modal-footer">--}}
                {{--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>--}}
                {{--<button type="button" class="btn btn-primary">Save changes</button>--}}
            {{--</div>--}}
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@section('postfooter')

        <!-- Select2 -->
<script src="/assets/plugins/select2/select2.full.min.js"></script>

<script type="text/javascript">
    $(function () {


        $("body").on("click", ".produs-vezi-optiuni", function (e) {
            e.preventDefault();
            if ($(this).parent('div').parent('div').parent('div').parent('div').find('.optiuni-produs').is(':visible'))
                $(this).parent('div').parent('div').parent('div').parent('div').find('.optiuni-produs').hide();
            else
                $(this).parent('div').parent('div').parent('div').parent('div').find('.optiuni-produs').show();
        });

        $("body").on("click", ".vezi-subproduse", function (e) {
            e.preventDefault();
            if ($(this).parent('div').parent('div').parent('div').parent('div').find('.subproducts').is(':visible')) {
                $(this).parent('div').parent('div').parent('div').parent('div').find('.subproducts').hide();
                $(this).html('Vezi subproduse');
            }
            else {
                $(this).parent('div').parent('div').parent('div').parent('div').find('.subproducts').show();
                $(this).html('Ascunde subproduse');
            }
        });

        $('.datepicker').datepicker({dateFormat: 'dd.mm.yy', 'show': ''});
        $('.confirmare').datetimepicker({dateFormat: 'dd.mm.yy'});

        $("body").on("click", ".add-produs", function (e) {
            e.preventDefault();
            $(".products-number").val(parseInt($(".products-number").val())+1);

            var _prodId = $(".products-number").val();

            console.info('ProdID: '+_prodId);

            _container = $(this).parent('div').parent('div').find('.produse');
            var _dlId = _container.parent('div').find('.dlId-input').val();
            var _m = $(".produse-hidden").clone().removeClass("produse-hidden").appendTo(_container);
            _m.find('.select2-ajax').attr('name', 'produs['+ _dlId +']['+_prodId+']').select2ajax();
            _m.find('.produs-qty').attr('name', 'qty_produs['+ _dlId +']['+_prodId+']').val(1);

            _m.find('.produs_comment').attr('name', 'produs_comment['+ _dlId +']['+_prodId+']').val('');

            _m.find('.detalii_produs').attr('name', 'detalii_produs['+ _dlId +']['+_prodId+']');
//            _m.find('.hidden_temp_detalii_produs').attr('name', 'detalii_produs['+ _dlId +'][]');

            _m.find('.detalii_produs_lucrare').attr('name', 'detalii_produs_lucrare['+ _dlId +']['+_prodId+']');
//            _m.find('.hidden_temp_detalii_produs_lucrare').attr('name', 'detalii_produs_lucrare['+ _dlId +'][]');

            _m.find('.produs_price').attr('name', 'produs_price['+ _dlId +']['+_prodId+']');
            _m.find('.produs_price_with_vat').attr('name', 'produs_price_with_vat['+ _dlId +']['+_prodId+']');
            _m.find('.produs_name').attr('name', 'produs_name['+ _dlId +']['+_prodId+']');
            _m.find('.produs_tva_id').attr('name', 'produs_tva_id['+ _dlId +']['+_prodId+']');
            _m.find('.dl_id_produs').attr('name', 'dl_id_produs['+ _dlId +']['+_prodId+']').val(_dlId);
            _m.find('.dl_produs_id').attr('name', 'dl_produs_id['+ _dlId +']['+_prodId+']').val(_prodId);

        });

        $("body").on("click", ".sterge", function (e) {
            e.preventDefault();
            $(this).parent('div').parent('div').parent('div').parent('div').remove();
            calculateCost();
        });

        $("body").on("click", ".sterge-dl", function (e) {
            e.preventDefault();
            $(this).parent('h3').parent('div').parent('div').parent('div').parent('div').remove();
        });


        $("body").on("click", ".add-dl", function (e) {
            e.preventDefault();
            var _m = $(".dl-hidden").clone().removeClass("dl-hidden").appendTo(".all-dls");
//            _m.find('.select2-ajax').select2ajax();
            _m.find('.datepickerr').datepicker({dateFormat: 'dd.mm.yy'});
            _m.find('.confirmarer').datetimepicker({dateFormat: 'dd.mm.yy'});

            $dlId = $(".all-dls").children().length + 1;

            _m.find('.dlId').data('dlid',$dlId);
            _m.find('.dlId-input').val($dlId);
            _m.find('.temp_dl_temp_id').attr('name', 'dl_temp_id[]').val($dlId);
            _m.find('.temp_dl_data').attr('name', 'dl_data[]').val($("#data_livrare").val());
            _m.find('.temp_dl_destinatar').attr('name', 'dl_destinatar[]').val('').val($("#nume_livrare").val());
            _m.find('.temp_dl_telefon').attr('name', 'dl_telefon[]').val('').val($("#telefon_livrare").val());
            _m.find('.temp_dl_adresa').attr('name', 'dl_adresa[]').val('').val($("#adresa_livrare").val());
            _m.find('.temp_dl_document').attr('name', 'dl_document[]').val('');
            _m.find('.temp_dl_livrator').attr('name', 'dl_livrator[]').val('');
            _m.find('.temp_dl_confirmare').attr('name', 'dl_confirmare[]').val('');

//            _m.find('.temp_produs_comment').attr('name', 'produs_comment[]').val('');
//            _m.find('.temp_detalii_produs').attr('name', 'detalii_produs[]');
        });



        $(".select-client").change(function() {

            $("#nume_livrare").val($(this).find(':selected').data('name'));
            $("#telefon_livrare").val($(this).find(':selected').data('phone'));
            $("#oras").val($(this).find(':selected').data('oras'));
            $("#adresa_livrare").val($(this).find(':selected').data('adresa'));
            $("#judet_id").val($(this).find(':selected').data('judet_id'));
            $("#email_livrare").val($(this).find(':selected').data('email'));
//            $("#tara").val($(this).find(':selected').data('phone'));
        });


        function formatRepo(repo) {
            if (repo.loading) return repo.name;

            var markup = "<div class='select2-result-repository clearfix'>" +
                    "<div class='select2-result-repository__avatar'></div>" +
                    "<div class='select2-result-repository__meta'></div>" +
                    "<div class='select2-result-repository__title'>#" + repo.id + " - " + repo.name + " - " + repo.price_with_vat + "lei </div>";


            markup += "<div class='select2-result-repository__statistics'>" +
                    "</div>" +
                    "</div>";

            return markup;
        }

        function formatRepoSelection(repo) {
            if (repo.name !== undefined)
                return repo.name + ' (' + repo.price_with_vat + 'lei)' || repo.id;
            else
                return repo.name || repo.id;
        }

        $.fn.select2ajax = function () {
            _this = this;
            return this.select2({
                ajax: {
                    url: _this.data('url'),
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term, // search term
                            page: params.page
                        };
                    },
                    processResults: function (data, params) {
                        // parse the results into the format expected by Select2
                        // since we are using custom formatting functions we do not need to
                        // alter the remote JSON data, except to indicate that infinite
                        // scrolling can be used
                        params.page = params.page || 1;

                        return {
//                            results: data.items,
                            results: data,
                            pagination: {
                                more: (params.page * 30) < data.total_count
                            }
                        };
                    },
                    cache: false
                },
//                initSelection: true,
                escapeMarkup: function (markup) {
                    return markup;
                }, // let our custom formatter work
                minimumInputLength: 1,
                templateResult: formatRepo, // omitted for brevity, see the source of this page
                templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
            });
        };

//        $(".select2-ajax-php").select2ajax();

        $.fn.selectable = function () {
            _this = this;

            _this.each(function (index) {

                var $element = $(this); // the select element you are working with
                var $request = $.ajax({
                    url: $element.data("url") + '?id=' + $element.data("val") // wherever your data is actually coming from
                });

                $request.then(function (data) {
                    for (var d = 0; d < data.length; d++) {
                        var item = data[d];
                        // Create the DOM option that is pre-selected by default
                        var option = new Option(item.name + ' (' + item.price_with_vat + 'lei)', item.id, true, true);
                        // Append it to the select
                        $element.append(option);
                    }
                    // Update the selected options that are displayed
                    $element.trigger('change');
                });
            });
        };

        $(".select2-ajax-php").selectable();


        //Initialize Select2 Elements
        $(".select2").select2();
        //Date picker
        $('.datepicker').datepicker({dateFormat: 'dd.mm.yy'});


        $("body").on('select2:select', '.select2-ajax', function (evt) {
//            _event = $(this);
            console.log(evt.params.data.defacturat.length);

            var _price = evt.params.data.price;
            var _price_with_vat = evt.params.data.price_with_vat;
            var _name = evt.params.data.name;
            var _vat_id = evt.params.data.vat_id;
            var _tva_id = evt.params.data.tva_id;
            var _total_price = evt.params.data.price_with_vat;
            var _total_tva_valoare = evt.params.data.price_with_vat - evt.params.data.price;
            var _qty = 1;

            $(this).data('price', _price);
            $(this).data('price_with_vat', _price_with_vat);

            $(this).parent('div').find('.produs_price').val(_price);
            $(this).parent('div').parent('div').find('.produs_price_with_vat').val(_price_with_vat);
            $(this).parent('div').find('.produs_name').val(_name);
            $(this).parent('div').find('.produs_tva_id').val(_tva_id);

            $(this).parent('div').parent('div').find('.produs_price_total').val(_total_price);
            $(this).parent('div').parent('div').find('.produs_tva_valoare').val(_total_tva_valoare);

            var _tva_field_produs = $(this).parent('div').parent('div').find('.produs_tva_valoare');

            var _dlId = $(this).parent('div').parent('div').parent('div').parent('div').find('.dl_id_produs').val();
            var _prodId = $(this).parent('div').parent('div').parent('div').parent('div').find('.dl_produs_id').val();

//            $(this).parent('div').parent('div').parent('div').parent('div').find(".dl_id_produs").val(99);

            console.log($(this).parent('div').parent('div').parent('div').parent('div').find(".dl_id_produs").val());
            console.error('DL ID: '  + _dlId);
            console.error('Prod ID: ' + _prodId);

            _container = $(this).parent('div').parent('div').parent('div').parent('div').find('.subproducts');
            _container.empty();
            if (evt.params.data.defacturat.length > 0) {
                var _tva_produs = 0;
                _container.show();
                $.each(evt.params.data.defacturat,  function( index, prod ){

                    _tva_produs = _tva_produs + (_qty*prod.price_with_vat - _qty*prod.price);
                    var _m = $(".produse-facturat-hidden").clone().removeClass("produse-facturat-hidden").appendTo(_container);

                    _m.find('.subprodus_name').attr('name', 'subprodus_name['+ _dlId +']['+_prodId+'][]').val(prod.name);
                    _m.find('.qty_subprodus').attr('name', 'qty_subprodus['+ _dlId +']['+_prodId+'][]').val(_qty);

                    _m.find('.subprodus_price').attr('name', 'subprodus_price['+ _dlId +']['+_prodId+'][]').val(prod.price);
                    _m.find('.subprodus_price_with_vat').attr('name', 'subprodus_price_with_vat['+ _dlId +']['+_prodId+'][]').val(prod.price_with_vat);

                    _m.find('.subprodus_tva_id').attr('name', 'subprodus_tva_id['+ _dlId +']['+_prodId+'][]').val(prod.tva_id);
                    _m.find('.parent_produs_id').attr('name', 'parent_produs_id['+ _dlId +']['+_prodId+'][]').val(_dlId);

                    _m.find('.subprodus_price_total').attr('name', 'subprodus_price_total['+ _dlId +']['+_prodId+'][]').val(_qty*prod.price_with_vat);
                    _m.find('.subprodus_tva_valoare').attr('name', 'subprodus_tva_valoare['+ _dlId +']['+_prodId+'][]').val(_qty*prod.price_with_vat - _qty*prod.price);
                });
                _tva_field_produs.val(_tva_produs);
            } else {
                $(this).parent('div').find(".vezi-subproduse").hide();
            }


            calculateCost();
        });

        $("body").on('keyup focusout', ".subprodus_price_with_vat", function(e) {
//            var _this = $(this);
//            $(this).parent('div').parent('div').find(".subprodus_price_total").val($(this).parent('div').parent('div').find(".subprodus_price_with_vat").val() * $(this).val());
//            $(this).parent('div').parent('div').find(".subprodus_tva_valoare").val($(this).parent('div').parent('div').find(".subprodus_price_with_vat").val() * $(this).val()
//                    - $(this).parent('div').parent('div').find(".subprodus_price").val() * $(this).val()
//            );
        });

        $("body").on('keyup focusout', ".produs-qty", function (e) {
            var _this = $(this);
            $(this).parent('div').parent('div').find(".produs_price_total").val($(this).parent('div').parent('div').find(".produs_price_with_vat").val() * $(this).val());
            $(this).parent('div').parent('div').find(".produs_tva_valoare").val($(this).parent('div').parent('div').find(".produs_price_with_vat").val() * $(this).val()
            - $(this).parent('div').parent('div').find(".produs_price").val() * $(this).val()
            );

            var _subproducts = $(this).parent('div').parent('div').parent('div').parent('div').find('.subproducts').find('.row');

            _subproducts.each(function (index, value) {
                $(this).find('.qty_subprodus').val(_this.val());

                var _price = $(this).find(".subprodus_price").val();


                $(this).find(".subprodus_price_total").val($(this).find('.subprodus_price_with_vat').val()*_this.val());
                $(this).find(".subprodus_tva_valoare").val($(this).find('.subprodus_price_total').val() - _price*_this.val());


            });



            calculateCost();
        });

        $("body").on('keyup focusout', "#discount", function (e) {
            calculateCost();
        });

        $("body").on('change','.temp_dl_data', function() {
            if ($("#data_livrare").val() == '') {
                $("#data_livrare").val($(this).val());
            }
        });

        function calculateCost() {
            var _total = 0;

            $(".produs_price_total").each(function (index) {
                if (parseFloat($(this).val()) > 0)
                    _total = _total + parseFloat($(this).val());
            });

//            $(".price-subcomponent").each(function (index) {
//                if ($($(".price-qty")[index]).val() > 0) {
//
//                    _total = _total + parseFloat($(this).data('price_with_vat') * $($(".price-qty")[index]).val());
//                }
//            });

            _discount = parseInt($("#discount").val());

            if (_discount > 0)
                _total = _total - (_total * (_discount) / 100);


            console.log(_total);

            $(".floating-price").html(parseFloat(_total).toFixed(2) + 'lei');
            $("#price").val(_total.toFixed(2));

        }


        $('a.modalButton').on('click', function(e) {
            var src = $(this).attr('data-src');
            var height = $(this).attr('data-height') || 300;
            var width = $(this).attr('data-width') || 400;

            $("#myModal iframe").attr({'src':src,
                'height': '400',
                'width': '100%'});
        });

        $('#myModal').on('hidden.bs.modal', function () {
            location.reload();
        })

    });



</script>
@endsection