@extends('partials.layout')

@section('content')
    <div class="row" style="margin-bottom: 15px !important;">
        <a href="{{ route('index') }}">Inapoi la lista produselor aflate in service</a>
    </div>
    <div class="order-text">Editare Service</div>

    @foreach($services as $service)
    <div class="order">
        <form action="{{ route('update', ['id'=>$service->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="{{ $service->client_name }}"/>
                </div>
                <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="{{ $service->phone_number }}"/>
                </div>
            </div>

            <span class="order-text-header">Detalii Depozit</span>
            <div class="row inner-row">

                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Depozit</label></div>
                    <select class="order-input" name="warehouse">
                        <option value="cluj" {{ $service->warehouse === 'Cluj' ? 'selected' : '' }}>Cluj</option>
                        <option value="Craiova" {{ $service->warehouse === 'Craiova' ? 'selected' : '' }}>Craiova</option>
                    </select>
                </div>
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Data Intrare in Service</label></div>
                    <input type="date" class="order-input order-input--half" name="service_entry_date" id="theDate"/>
                </div>
            </div>

            <span class="order-text-header">Altele</span>
            <div class="row inner-row">

                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Motivul Intrarii in Service</label></div>
                    <textarea cols="10" rows="3" class="order-textarea" name="entry_reason" required>{{ $service->description }}</textarea>
                </div>
            </div>

            <span class="order-text-header">Pret</span>
            <div class="row inner-row">

                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Pret</label></div>
                    <input type="number" class="order-input" name="price" value="{{ $service->price }}"/>
                </div>
                <div class="col-xs-12 col-md-4 form-group">
                    <div class="label-mb"><label class="order-label">Rezolvare</label></div>
                    <select name="resolve" class="order-input">
                        <option value="0" {{ $service->status == '0' ? 'selected' : '' }}>Nerezolvat</option>
                        <option value="1" {{ $service->status == '1' ? 'selected' : '' }}>Rezolvat</option>
                    </select>
                </div>
            </div>

            <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</label></div>
                    @foreach($service->products as $product)
                        <select name="product_name" class="order-input" disabled>
                            @foreach($products as $p)
                                <option value="{{ $product->id }}" {{ $p->id === $product->id ? 'selected': ''}}>{{ $product->product_name }}</option>
                            @endforeach
                        </select>
                    @endforeach
                </div>
                @foreach($service->products as $product)

                <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="{{ $product->pivot->product_series }}" disabled/>
                </div>
                @endforeach
            </div>
            @endforeach
            <div class="row inner-row">
                <div class="col-xs-12 col-md-4 form-group form-buttons">
                    <button type="submit" class="order-button">Actualizati</button>
                </div>
            </div>
        </form>


    </div>
    <div style="display: none;">
        @if($products)
            @foreach($products as $product)
                {{@$options .= '<option value="'.$product->id.'">'.ucfirst($product->product_name).'</option>'}}
            @endforeach
        @endif
    </div>
    <script>
        $(document).ready(function() {

            $('.add-new-product').click(function () {
                var element = $(
                    '            <div class="row inner-row">\n' +
                    '                <div class="col-xs-12 col-md-4 form-group">\n' +
                    '                    <div class="label-mb"><label class="order-label">Nume Produs</label></div>\n' +
                    '                    <select name="product_name[]" id="" class="order-input">\n' +
                    '                           {!! $options!!}\n' +
                    '                    </select>' +
                    '                </div>\n' +
                    '                <div class="col-xs-12 col-md-4 form-group">\n' +
                    '                    <div class="label-mb"><label class="order-label">Serie Produs</label></div>\n' +
                    '                    <input type="text" class="order-input order-input--half" name="product_series[]" />\n' +
                    '                </div>\n' +
                    '            </div>');
                $('.last').before(element);
            });


        });
    </script>
@endsection