@extends('layouts/contentLayoutMaster')

@section('title',  __('locale.Colab'))

@section('content')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/wizard/bs-stepper.min.css')) }}">
    {{-- <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}"> --}}
@endsection

@section('page-style')
    <!-- Page css files -->
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-wizard.css')) }}">
@endsection

<section id="multiple-column-form">
    
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form class="form-add-colab">
                        @csrf
                        <div class="card-header">
                            <h4 class="card-title">{{ __('locale.Table.suppliers.Column.Title') }}</h4>
                            <div class="btn-group">
                                <a href="{{ route('dashboard.conditions.colab-products.edit', ['id' => $colabs->id]) }}" class="btn btn-primary" id="btnEditar"><i data-feather='edit-3'></i></a>
                                <a href="{{ route('dashboard.conditions.colab-products.show', ['id' => $colabs->id]) }}" class="btn btn-info" id="btnVisualizar">
                                    <i data-feather="eye"></i>
                                </a>
                            </div>
                        </div>
                        <input type="hidden" name="id" id="id" value="{{ @$colabs->id }}">
                        <div class="row">
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="contract_id">{{ __('locale.Pages.Colab.Label.contract_id') }}</label>
                                            <select id="contract_id" value="{{$colabs->contract_id}}" class="form-select"
                                            placeholder="{{ __('locale.Pages.Colab.Label.contract_id') }}"name="contract_id"
                                            required disabled>
                                            @if ($contracts)
                                                @foreach ($contracts as $contract)
                                                    <option value="{{ $contract->id }}">{{ $contract->policy_number }}</option>
                                                @endforeach
                                            @endif
                                            
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="product_id">{{ __('locale.Pages.Colab.Label.product_id') }}</label>
                                            <select id="product_id" value="{{$colabs->product_id}}" class="form-select"
                                            placeholder="{{ __('locale.Pages.Colab.Label.product_id') }}"name="product_id"
                                            required disabled>
                                            @if ($contract_products)
                                                @foreach ($contract_products as $contract_product)
                                                    @if ($contract_product->product)
                                                        <option value="{{ $contract_product->product->id }}">{{ $contract_product->product->name }}</option>
                                                    @endif
                                                @endforeach
                                            @endif
                                            </select>
                                    </div>
                                </div>
                            </div>
                        </div>                   
                        <div class="row">
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="employee_id">{{ __('locale.Pages.Colab.Label.employee_id') }}</label>
                                            <select id="employee_id" value="{{$colabs->employee_id}}" class="form-select"
                                            placeholder="{{ __('locale.Pages.Colab.Label.employee_id') }}"name="employee_id"
                                            required disabled>
                                            @if ($employees)
                                                @foreach ($employees as $employee)
                                                    <option value="{{ $employee->id }}">{{ $employee->name }}</option>
                                                @endforeach
                                            @endif
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="operator_type">{{ __('locale.Pages.Colab.Label.operator_type') }}</label>
                                    <select class="form-select" name="operator_type"
                                        id="operator_type" value="{{$colabs->operator_type}}" required disabled>
                                        <option value="1">{{ __('locale.Pages.Colab.Label.material') }}</option>
                                        <option value="2">{{ __('locale.Pages.Colab.Label.digital') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="operator_number">{{ __('locale.Pages.Colab.Label.operator_number') }}</label>
                                    <input type="text" id="operator_number" value="{{$colabs->operator_number}}" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Colab.Label.operator_number') }}"
                                        name="operator_number" required disabled/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="active_plan" autocomplete="off">{{ __('locale.Pages.Colab.Label.active_plan') }}</label>
                                    <input type="text" id="active_plan" value="{{$colabs->active_plan}}" class="form-control" placeholder="{{ __('locale.Pages.Colab.Label.active_plan') }}"
                                        name="active_plan" required disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="paid_value" autocomplete="off">{{ __('locale.Pages.Colab.Label.paid_value') }}</label>
                                    <input type="text" id="paid_value" value="{{$colabs->paid_value}}" class="form-control money" placeholder="R$:"
                                        name="paid_value" required disabled/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="payment_method">{{ __('locale.Pages.Colab.Label.payment_method') }}</label>
                                    <input type="text" id="payment_method" value="{{$colabs->payment_method}}" class="form-control" placeholder="{{ __('locale.Pages.Colab.Label.payment_method') }}" name="payment_method"
                                        required disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                
                                <button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Pages.team.Button.Back') }}</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/wizard/bs-stepper.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/jquery-mask/jquery.mask.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
@endsection
@section('page-script')
<script>
    $(function() {
        'use strict';

        $('#btnReset').on('click', function() {
            window.location.href = `{{ route('dashboard.colabs.index') }}`;
        });


    });
</script>
@endsection