@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

@section('title', 'Editar Assinatura |')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
            Assinaturas
            @endslot
            <li class="breadcrumb-item"><a class="text-default" href="{{ route('signatures.show', $signature->client_id) }}">Editar Assinatura</a></li>
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Editar Assinatura</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('signatures.show', $signature->client_id)  }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('signatures.update', $signature->id) }}" autocomplete="off"
                            enctype="multipart/form-data">
                            @method('PUT')
                            @csrf

                            <h6 class="heading-small text-muted mb-4">Informações da Assinatura</h6>
                            <div class="tab-content">
                                <div id="input-groups-component" class="tab-pane tab-example-result fade active show" role="tabpanel" aria-labelledby="input-groups-component-tab">
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Data de Início</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control" value="{{$signature->client_id}}" name="client_id" hidden>
                                                    <input type="date" class="form-control" name="start_date" value="{{ $signature->start_date }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Data de Fim</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                    </div>
                                                    <input type="date" class="form-control" name="end_date" value="{{ $signature->end_date }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label class="form-control-label text-left" style="float:left"  for="input-name">Forma de Pagamento</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-briefcase-24"></i></span>
                                                    </div>
                                                    <select name="payment_method" id="payment_method" value="{{old('payment_method')}}" class="form-control" @error('payment_method') is-invalid @enderror>
                                                        @if($signature->payment_method == "Parcelado")
                                                        <option value="Parcelado" selected> Parcelado</option>
                                                        <option value="PIX/Transferência">PIX/Transferência</option>
                                                        @elseif($signature->payment_method == "PIX/Transferência")
                                                        <option value="Parcelado" selected> Parcelado</option>
                                                        <option value="PIX/Transferência">PIX/Transferência</option>
                                                        @else
                                                        <option value=""> -- Selecione --</option>
                                                        <option value="Parcelado"> Parcelado</option>
                                                        <option value="PIX/Transferência">PIX/Transferência</option>
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Preço</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">R$</span>
                                                    </div>
                                                    <input type="text" class="form-control" name="price" value="{{$signature->price}}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6" id="lead-div">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Origem do Lead</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-send"></i></span>
                                                    </div>
                                                    <select name="origin_lead" id="origin_lead" value="{{old('origin_lead')}}" class="form-control" @error('origin_lead') is-invalid @enderror>
                                                        @if($signature->origin_lead == "Indicação de Cliente")
                                                        <option value="Indicação de Cliente" selected>Indicação de Cliente</option>
                                                        <option value="Outras Indicações">Outras Indicações</option>
                                                        <option value="Orgânico">Orgânico</option>
                                                        @elseif($signature->origin_lead == "Outras Indicações")
                                                        <option value="Indicação de Cliente">Indicação de Cliente</option>
                                                        <option value="Outras Indicações" selected>Outras Indicações</option>
                                                        <option value="Orgânico">Orgânico</option>
                                                        @elseif($signature->origin_lead == "Orgânico")
                                                        <option value="Indicação de Cliente">Indicação de Cliente</option>
                                                        <option value="Outras Indicações" >Outras Indicações</option>
                                                        <option value="Orgânico" selected>Orgânico</option>
                                                        @else
                                                        <option value="" selected> -- Selecione --</option>
                                                        <option value="Indicação de Cliente">Indicação de Cliente</option>
                                                        <option value="Outras Indicações">Outras Indicações</option>
                                                        <option value="Orgânico">Orgânico</option>
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6" id="name_reference">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Quem Indicou?</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-single-02"></i></span>
                                                    </div>
                                                    <input type="text" name="name_reference" id="name_reference_input" class="form-control" value="{{ $signature->name_reference }}" placeholder="Quem Indicou?">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success btn-sm">Editar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('layouts.footers.auth')
    </div>

<!-- Scripts Section -->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"> </script>
<!-- Quem indicou? -->
<script>
    $(function(){
        $("#origin_lead").change(function(){
            var origin_lead = $("#origin_lead option:selected").val();
            if (origin_lead == "Indicação de Cliente" || origin_lead == "Outras Indicações") {
                console.log(origin_lead);
                $("#name_reference").show();
                $("#lead-div").removeClass().toggleClass('col-6');
            }
        });
        $("#origin_lead").change(function(){
            var origin_lead2 = $("#origin_lead option:selected").val();
            if (origin_lead2 == "Orgânico" || origin_lead2 == "") {
                console.log(origin_lead2);
                $("#name_reference_input").val(null);
                $("#lead-div").removeClass().toggleClass('col-6');
            }
        });
    })
</script>
@endsection