@extends('partials.layout')

@section('content')
    <div class="order-text">Adauga Comanda
        <a href="{{ route('orders_list') }}" class="btn btn-primary" style="margin-left: 15px;">Lista comenzi</a>
    </div>

    <div class="row">
        <div class="col-md-4 success">
            @if(Session('success'))
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">Detalii cerere</h3>
                    </div>
                    <div class="panel-body">
                        <p style="color: #76d38d; font-size: 18px;">{{ Session('success') }}</p>
                    </div>
                </div>
            @endif
        </div>
    </div>

        <div class="order">
        <form action="{{ route('orders.update', ['id' => $order->id]) }}" method="post" class="order-form">
            @csrf
            <span class="order-text-header">Detalii Client</span>
            <div class="row inner-row">
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Nume Client</label></div>
                    <input type="text" class="order-input" name="client_name" value="{{ $order->client_name }}" autofocus/>
                </div>
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Depozit curent --> {{ $order->warehouse }}</label></div>
                    <select class="order-input" name="warehouse" required>
                        <option value="ediagnoza" {{ $order->warehouse === "ediagnoza" ? 'selected' : '' }}>eDiagnoza</option>
                        <option value="diagnoza pro" {{ $order->warehouse === "diagnoza pro" ? 'selected' : '' }}>Diagnoza Pro</option>
                        <option value="car medic" {{ $order->warehouse === "car medic" ? 'selected' : '' }}>Car Medic</option>
                        <option value="telefonic" {{ $order->warehouse === "telefonic" ? 'selected' : '' }}>Telefonic</option>
                        <option value="Robe juridice" {{ $order->warehouse === "Robe juridice" ? 'selected' : '' }}>Robe Juridice</option>
                    </select>
                </div>
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Expediere curenta --> {{ $order->shipping }}</label></div>
                    <select class="order-input" name="shipping" required>
                        <option value="persoana fizica" {{ $order->shipping === "persoana fizica" ? 'selected' : '' }}>Persoana Fizica</option>
                        <option value="firma" {{ $order->shipping === "firma" ? 'selected' : '' }}>Firma</option>
                    </select>
                </div>
            </div>

            <div class="row inner-row">
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Telefon Client</label></div>
                    <input type="text" class="order-input" name="client_phone" value="{{ $order->client_phone }}" />
                </div>
            </div>

            <span class="order-text-header">Detalii Transport</span>
            <div class="row inner-row">
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Curier curent --> {{ $order->express }}</label></div>
                    <select class="order-input" name="express" required >
                        <option value="fan curier" {{ $order->express === "fan curier" ? 'selected' : '' }}>Fan Curier</option>
                        <option value="cargus" {{ $order->express === "cargus" ? 'selected' : '' }}>Cargus</option>
                        <option value="posta romana" {{ $order->express === "posta romana" ? 'selected' : '' }}>Post Romana</option>
                    </select>
                </div>
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">AWB</label></div>
                    <input type="number" class="order-input order-input--half" name="awb" value="{{ $order->awb }}" />
                </div>
            </div>

            <span class="order-text-header">Detalii Comanda</span>
            <div class="row inner-row">
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Observatii Comanda</label></div>
                    <textarea cols="10" rows="3" class="order-textarea" name="notes" >{{ $order->notes }}</textarea>
                </div>
            </div>

            @foreach($order->products as $o_product)
            <div class="product-single-{{$o_product->pivot->product_id}}">
                <span class="order-text-header">Detalii Produs</span>
                <div class="row inner-row last">
                    <div class="col-xs-12 col-md-4 form-group">
                        <div class="label-mb"><label class="order-label">Nume Produs --> {{ $o_product->product_name }} </label></div>
                        <select name="product_name[]" class="order-input">)
                            @foreach($products as $product)
                                <option value="{{ $product->id }}" {{ $product->id === $o_product->id ? 'selected' : '' }}>{{ $product->product_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-xs-12 col-md-4 form-group">
                        <div class="label-mb"><label class="order-label">Serie Produs</label></div>
                        <input type="text" class="order-input order-input--half" name="product_series[]" value="{{ $o_product->pivot->product_series }}" />
                    </div>
                    <div class="col-xs-12 col-md-4 form-group">
                        <div class="label-mb"><label class="order-label">Cantitate</label></div>
                        <input type="number" class="order-input order-input--half" name="product_qty[]" value="{{ $o_product->pivot->product_qty }}" />
                    </div>
                    <div class="col-xs-12 col-md-4 form-group">
                        <div class="label-mb"><label class="order-label">Pret Alternativ</label></div>
                        <input type="number" class="order-input order-input--half" name="product_price[]" value="{{ $o_product->pivot->product_price_two }}" />
                    </div>
                    <div class="col-xs-12 col-md-4 form-group">
                        <div class="label-mb"><label class="order-label"></label></div>
                        <button style="width: 40px; font-size: 18px; border: none; background-color: transparent; color: #e85575;" class="delete" data-id="{{ $order->id }}" data-product-id="{{ $o_product->pivot->product_id }}">X</button>
                    </div>
                </div>
            </div>
            @endforeach

            <div class="row inner-row">
                <div class="col-xs-12 col-md-4 form-group form-buttons">
                    <button class="order-button">Editare comanda</button>
                    <a class="order-button add-new-product" href="{{ route('orders.new_product', ['id' => $order->id]) }}">Adauga Produs</a>
                </div>
            </div>
        </form>

    </div>

    <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>

   
    <script>
        $(document).ready( function (){
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
        });
        $(document).on("click", ".delete", function(event){
            event.preventDefault();
            var id = $(this).data("id");
            var p_id = $(this).data("product-id");
            var answer = confirm('Esti sigur ca vrei sa stergi produsul?');
            
            toastr.options = {
                "closeButton": false,
                "debug": false,
                "newestOnTop": false,
                "progressBar": false,
                "positionClass": "toast-top-right",
                "preventDuplicates": false,
                "onclick": null,
                "showDuration": "300",
                "hideDuration": "1000",
                "timeOut": "5000",
                "extendedTimeOut": "1000",
                "showEasing": "swing",
                "hideEasing": "linear",
                "showMethod": "fadeIn",
                "hideMethod": "fadeOut"
            }


            if(answer) {
                $.ajax(
                    {
                        type: 'delete',
                        url: "{{ route('orders.delete-product') }}",
                        dataType: "json",
                        data: {
                            "id": id,
                            "p_id": p_id,
                        },
                        success: function (data)
                        {
                            $(".product-single-"+data.p_id).replaceWith();
                            
                            toastr["success"]("Produsul a fost adaugat la retur cu success!");
                        },
                        error: function(xhr) {
                            console.log(xhr.responseText);
                        }
                    });
            }
        });
    </script>
@endsection