{{--TODO Add required on the required field --}}
{{--TODO Add translate fields --}}
<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="infos-tab" data-toggle="tab" href="#infos" role="tab"
           aria-controls="home" aria-selected="true">{{__('admin.affair.fields.infos')}}</a>
    </li>
    @if(isset($affair) && $affair->has_order == false)
        <li class="nav-item">
            <a class="nav-link" id="users-tab" data-toggle="tab" href="#users" role="tab" aria-controls="profile"
               aria-selected="false">{{__('admin.affair.fields.user')}}</a>
        </li>
    @endif
    {{--    <li class="nav-item">
            <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact"
               aria-selected="false">Cisco</a>
        </li>--}}
</ul>
<div class="tab-content bd bg-white bd-t-0 pd-20" id="myTabContent">
    {{--INFORMATIONS PANEL--}}
    <div class="tab-pane fade active show" id="infos" role="tabpanel" aria-labelledby="infos-tab">
        <div class="row">
            {{--Libellé--}}
            <div class="col-sm-6">
                <label for="label"></label>
                <input type="text" name="label" class="form-control @error('label') is-invalid @enderror"
                       placeholder="{{__('admin.affair.fields.label')}}"
                       value="{{isset($affair) ? $affair->label : ''}}"
                       id="label">

                @error('label')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>

            {{--Code Affaire--}}
            <div class="col-sm-6">
                <label for="affairCode"></label>
                <input id="affairCode" type="text" name="affairCode"
                       class="form-control @error('affairCode') is-invalid @enderror"
                       placeholder="{{__('admin.affair.fields.affair_code')}}"
                       value="{{isset($affair) ? $affair->affair_code : ''}}">

                @error('affairCode')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>
        </div>

        {{--Nom Projet--}}
        <div class="row">
            <div class="col-sm-6">
                <label for="projectName"></label>
                <input type="text" class="form-control @error('projectName') is-invalid @enderror" name="projectName"
                       placeholder="{{__('admin.affair.fields.project_name')}}"
                       value="{{isset($affair) ? $affair->project_name : ''}}"
                       id="projectName">

                @error('projectName')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>

            {{--Client--}}
            <div class="col-sm-6">
                <label for="client"></label>
                @if(isset($clients))
                    <select name="client" class="form-control @error('client') is-invalid @enderror" id="client">
                        @foreach ($clients as $key => $client)
                            @if(isset($affair))
                                <option {{$affair->client_id === $key ? 'selected="selected"' : ''}} value="{{ $key }}">
                                    {{ $client }}
                                </option>
                            @else
                                <option value="{{ $key }}">
                                    {{ $client }}
                                </option>
                            @endif
                        @endforeach
                    </select>

                    @error('client')
                    <p class="invalid-feedback">{{$message}}</p>
                    @enderror
                @endif
            </div>
        </div>

        <div class="row">
            {{--Condition de réglement--}}
            <div class="col-sm-6">
                <label for="payment_condition_id"></label>
                @if(isset($paymentConditions))
                    <select name="payment_condition_id" class="form-control @error('client') is-invalid @enderror" id="client">
                        @foreach ($paymentConditions as $key => $paymentCondition)
                            @if(isset($affair))
                                <option {{$affair->payment_condition_id === $key ? 'selected="selected"' : ''}} value="{{ $key }}">
                                    {{ $paymentCondition->name }}
                                </option>
                            @else
                                <option value="{{ $key }}">
                                    {{ $paymentCondition->name }}
                                </option>
                            @endif
                        @endforeach
                    </select>

                    @error('client')
                    <p class="invalid-feedback">{{$message}}</p>
                    @enderror
                @endif
            </div>

            {{--Agence--}}
            <div class="col-sm-6">
                <label for="agency"></label>
                @if(isset($agencies))
                    <select name="agency" class="form-control @error('agency') is-invalid @enderror" id="agency">
                        @foreach ($agencies as $key => $agency)
                            @if(isset($affair))
                                <option {{$affair->agency_id === $key ? 'selected="selected"' : ''}} value="{{ $key }}">
                                    {{ $agency }}
                                </option>
                            @else
                                <option value="{{ $key }}">
                                    {{ $agency }}
                                </option>
                            @endif
                        @endforeach
                    </select>

                    @error('agency')
                    <p class="invalid-feedback">{{$message}}</p>
                    @enderror
                @endif
            </div>
        </div>

        <div class="row">
            {{--Société--}}
            <div class="col-sm-6">
                <label for="company"></label>
                @if(isset($companies))
                    <select name="company" class="form-control @error('company') is-invalid @enderror"
                            id="company">
                        @foreach ($companies as $key => $company)
                            @if(isset($affair))
                                <option {{$affair->company_id === $key ? 'selected="selected"' : ''}} value="{{ $key }}">
                                    {{ $company }}
                                </option>
                            @else
                                <option value="{{ $key }}">
                                    {{ $company }}
                                </option>
                            @endif
                        @endforeach
                    </select>

                    @error('company')
                    <p class="invalid-feedback">{{$message}}</p>
                    @enderror
                @endif
            </div>

            {{--TVA--}}
            <div class="col-sm-6">
                <label for="vat"></label>
                @if(isset($vat))
                    <select name="vat" class="form-control @error('vat') is-invalid @enderror"
                            id="vat">
                        @foreach ($vat as $key => $t)
                            @if(isset($affair))
                                <option {{$affair->vat_id === $key ? 'selected="selected"' : ''}} value="{{ $key }}">
                                    {{ $t }}
                                </option>
                            @else
                                <option value="{{ $key }}">
                                    {{ $t }}
                                </option>
                            @endif
                        @endforeach
                    </select>

                    @error('vat')
                    <p class="invalid-feedback">{{$message}}</p>
                    @enderror
                @endif
            </div>
        </div>

        <div class="row">
            {{--Coéfficient samedi--}}
            <div class="col-sm-6">
                <label for="saturdayCoeff"></label>
                <input type="text" class="form-control @error('saturdayCoeff') is-invalid @enderror" name="saturdayCoeff"
                       placeholder="{{__('admin.affair.fields.saturday_coeff')}}"
                       value="{{isset($affair) ? $affair->saturday_coeff : ''}}"
                       id="saturdayCoeff">

                @error('saturdayCoeff')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>



            {{--Coéfficient dimanche--}}
            <div class="col-sm-6">
                <label for="sundayCoeff"></label>
                <input type="text" class="form-control @error('sundayCoeff') is-invalid @enderror" name="sundayCoeff"
                       placeholder="{{__('admin.affair.fields.sunday_coeff')}}"
                       value="{{isset($affair) ? $affair->sunday_coeff : ''}}"
                       id="sundayCoeff">

                @error('sundayCoeff')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>
        </div>

        <div class="row">
            {{--Coéfficient jours fériés--}}
            <div class="col-sm-6">
                <label for="holidayCoeff"></label>
                <input type="text" class="form-control @error('holidayCoeff') is-invalid @enderror" name="holidayCoeff"
                       placeholder="{{__('admin.affair.fields.holiday_coeff')}}"
                       value="{{isset($affair) ? $affair->holiday_coeff : ''}}"
                       id="holidayCoeff">

                @error('holidayCoeff')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>

            {{--Coéfficient astreinte--}}
            <div class="col-sm-6">
                <label for="obligationCoeff"></label>
                <input type="text" class="form-control @error('obligationCoeff
                ') is-invalid @enderror" name="obligationCoeff"
                       placeholder="{{__('admin.affair.fields.obligation_coeff')}}"
                       value="{{isset($affair) ? $affair->obligation_coeff : ''}}"
                       id="obligationCoeff">

                @error('obligationCoeff
                ')
                <p class="invalid-feedback">{{$message}}</p>
                @enderror
            </div>
        </div>

        <div class="row">
            {{--Ajouter une commande--}}
            <div class="col-sm-6 mg-t-25">
                <div class="custom-control custom-switch">
                    <input type="checkbox" name="hasOrder" class="custom-control-input" id="customSwitch1">
                    <label class="custom-control-label"
                           for="customSwitch1">{{__('admin.affair.fields.has_order')}}</label>
                </div>
            </div>
        </div>
    </div>



    {{--CO-WORKERS PANEL--}}
    @if(isset($affair))
    <div class="tab-pane fade" id="users" role="tabpanel" aria-labelledby="users-tab">
        <div id="rowUsers">
            @forelse($affair->affairUser as $item)
                @include('admin.affair.users', ['item' => $item])
            @empty
                @include('admin.affair.users')
            @endforelse
        </div>
        <hr class="pd-t-10">

        <a href="#" class="addline mt-1 mb-4 d-flex justify-content-end pd-t-10 mg-r-20"><span class="mr-2"><i data-feather="plus-circle"></i></span> {{ __('admin.affair.buttons.add_line') }}</a>
    </div>
    @endif
    {{--ORDER PANEL--}}
    {{--<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">

    </div>--}}
</div>

<div class="tab-pane fade" id="coWorker" role="tabpanel" aria-labelledby="coWorker-tab">
    @include('admin.affair.partials.coWorker')
</div>
{{--<div class="row no-gutters pd-t-20">
    <div class="offset-10 col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2" onclick="addline()">
        <i data-feather="plus-circle" class="text-center"></i> Ajouter une ligne
    </div>
</div>--}}
@if (!empty($affair))
@section('after_scripts')
<script type="text/javascript">
jQuery(function($) {
    // Insert Bootstrap DatePicker
    function setDatepicker() {
        $('.datepicker').each(function () {
            $(this).datepicker({
                language: '{{ app()->getLocale() }}',
                format: {
                    toDisplay: function (date, format, language) {
                        var d = formatDate(new Date(date));
                        return d.dd + '/' + d.mm + '/' + d.yyyy;
                    },
                    toValue: function (date, format, language) {
                        var d = formatDate(new Date(date));
                        return d.yyyy + '-' + d.mm + '-' + d.dd;
                    }
                },
                format: "dd/mm/yyyy",
                daysOfWeekDisabled: [0, 6], // Hidden saturdays and sundays
            });
            $(this).datepicker('update', $(this).data('datepicker-date'));
        });
    }

    $(document).on('click', '.addline', function (event) {
        event.preventDefault();
        //Get the last children of the current tab and increment the last row number by one in order to create a new unique id .
        let div = $("#rowUsers").children(':last');
        let num = parseInt(div.prop("class").match(/\d+/g), 10) + 1;
        console.log(num);
        // console.log(window.location.protocol + "//" + window.location.hostname + "/admin/affair/addline");
        // TODO Pass the num within the rout and put it in the view in order to increment the row
        jQuery.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: "{{ route('affair.addline') }}",
            type: "POST",
            data: {'id': num},
            success: function (data) {
                $('#rowUsers').append(data);
                setDatepicker();
                // line++;
            }
        });
    });

    $(document).on('click', '.removeExistingLine', function (event) {
        event.preventDefault();

        let userId = $(this).parent().parent().children().find('.userId').val();
        console.log(userId);
        jQuery.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: "{{ route('affair.deleteLine', $affair->id) }}",
            type: "DELETE",
            data: {'userId': userId},
            success: function (data) {
                location.reload();
            }
        });
    });

    setDatepicker();
});
</script>
@endsection
@endif