@extends('admin.pages.Bussiness-plan-builder.layout.master')
@section('bussinessplanbuilder')
@section('var0', 'show')
@section('ownerinformation', 'active1')


<div class="row">
    <div class="col-md-12">
        <h4>Owner Information</h4>
        <p>Work on this if you're ready to enter information about the company's owners
            <br>
            (such as names and years of experience). <a
                href="{{ route('user.businessidea.pastperformance', Request()->id) }}"
                class="btn btn-success float-right">Skip for Now »</a>
        </p>
        <button type="button" class="btn btn-primary mt-3" data-toggle="modal" data-target=".bd-example-modal-lg"><i
                class="fa fa-plus-circle"></i>&nbsp;Add an Owner</button>
    </div>
</div>
<div class="row mt-3">
    <div class="col-md-12">
        <div class="table-responsive">
            <div id="table-1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="table-responsive">
                            @if (Session::get('errors'))
                                {{-- {{dd(Session::get('errors')->first())}} --}}
                                <div class="alert alert-{{ Session::get('alert') }}">
                                    {{ Session::get('errors')->first() }}
                                </div>
                                {!! Session::forget('errors') !!}
                                {!! Session::forget('alert') !!}
                            @endif
                            <table class="table table-striped" id="table-1">
                                <thead>
                                    <tr>
                                        <th> Name</th>
                                        <th>Years of Experience</th>
                                        <th>Credit Rating</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (!empty($ownerInformation))
                                        @foreach ($ownerInformation as $key => $onwer_value)
                                            <tr id="ownerid{{ $onwer_value->id }}">
                                                <td>
                                                    <button type="button" class="btn text-info edit"
                                                        data-id="{{ $onwer_value->id }}" data-toggle="modal">
                                                        {{ $onwer_value->name }}</button>
                                                </td>
                                                <td>{{ $onwer_value->experience }}</td>
                                                <td>
                                                    {{ $onwer_value->rating }}
                                                </td>
                                                <td><a href="javascript:void(0)" data-id={{ $onwer_value->id }}
                                                        class="btn btn-danger delete">delete</a></td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-6 mt-2"><a href="{{ route('user.businessidea.businessinfo', Request()->id) }}"
            class="btn btn-success">« Business Information</a></div>

    <div class="col-md-6 mt-2 text-right"><a href="{{ route('user.businessidea.pastperformance', Request()->id) }}"
            class="btn btn-primary">Continue: Past Performance »</a></div>
</div>
{{-- </div>
</div>
</div>
</div>

</div> --}}
<div id="myModal" class="modal fade bd-example-modal-lg" tabindex="-1" aria-labelledby="myLargeModalLabel"
    style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myLargeModalLabel">Company Owner</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form method="post" action="{{ route('user.businessidea.ownerinfo.process') }}">
                @csrf
                <input type="hidden" name="company_id" value="{{ Request()->id }}">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label> Name of Owner</label>
                                <input type="text" class="form-control" name="name"
                                    value="@if (!empty(old('name'))) {{ old('name') }} @endif" required>
                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                First and last name
                            </div>
                            <div class="form-group">
                                <label>Year of Experience</label>
                                <input type="text" class="form-control" name="experience"
                                    value="@if (!empty(old('experience'))) {{ old('experience') }} @endif" required>
                                <span class="text-danger">{{ $errors->first('experience') }}</span>
                                Only For this Industry
                            </div>
                            <div class="form-group">
                                <label>Credit Rating</label>
                                <select class="form-control" name="rating" required>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Excellent') selected @endif>Excellent</option>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Good') selected @endif>Good</option>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Fair') selected @endif>Fair</option>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Poor') selected @endif>Poor</option>
                                    <span class="text-danger">{{ $errors->first('rating') }}</span>
                                </select>
                                Why do we ask this?<a type="button" class="" data-toggle="tooltip"
                                    data-placement="right" title=""
                                    data-original-title="As part of its performance score calculation, Canada Commerce uses the credit rating of the business owner who is listed first. If you're concerned about privacy issues, please read our Privacy Policy. We do not provide this information to anyone, ever.">
                                    <i class="fa fa-question-circle btn btn-danger"></i>
                                </a>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        <button type="submit" class="btn btn-success text-left">Save owner </button>
                                    </div>
                                    <div class="col-md-6 ">
                                        <a class="btn btn-secondary" href="#">Cancel</a>
                                    </div>


                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div id="edit_myModal" class="modal fade" tabindex="-1" aria-labelledby="myLargeModalLabel" style="display: none;"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myLargeModalLabel">Company Owner</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form method="post" action="{{ route('user.businessidea.ownerinfo.update') }}">
                @csrf


                <input type="hidden" name="company_id" value="{{ Request()->id }}">
                <input type="hidden" name="id" id="id" value="{{ old('id') }}">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label> Name of Owner</label>
                                <input type="text" class="form-control name" name="name"
                                    value="@if (!empty(old('name'))) {{ old('name') }} @endif" required>
                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                First and last name
                            </div>
                            <div class="form-group">
                                <label>Year of Experience</label>
                                <input type="text" class="form-control experience" name="experience"
                                    value="@if (!empty(old('experience'))) {{ old('experience') }} @endif" required>
                                <span class="text-danger">{{ $errors->first('experience') }}</span>
                                Only For this Industry
                            </div>
                            <div class="form-group">
                                <label>Credit Rating</label>
                                <select class="form-control rating" name="rating" required>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Excellent') selected @endif>Excellent</option>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Good') selected @endif>Good</option>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Fair') selected @endif>Fair</option>
                                    <option @if (!empty(old('rating')) && old('rating') == 'Poor') selected @endif>Poor</option>
                                    <span class="text-danger">{{ $errors->first('rating') }}</span>
                                </select>
                                Why do we ask this?<a type="button" class="" data-toggle="tooltip"
                                    data-placement="right" title=""
                                    data-original-title="As part of its performance score calculation, Canada Commerce uses the credit rating of the business owner who is listed first. If you're concerned about privacy issues, please read our Privacy Policy. We do not provide this information to anyone, ever.">
                                    <i class="fa fa-question-circle btn btn-danger"></i>
                                </a>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        <button type="submit" class="btn btn-success text-left">Save owner </button>
                                    </div>
                                    <div class="col-md-6 ">
                                        <a class="btn btn-secondary" href="#">Cancel</a>
                                    </div>


                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $(document).ready(function() {

        //alert(id);
        check = "{{ old('name') }}";
        check_id = "{{ old('id') }}";
        if (check != "") {
            $("#myModal").modal("show");
        }
        if (check_id != "") {
            $("#edit_myModal").modal("show");
        }
    });



    $(document).on("click", ".delete", function() {
        if (confirm('Are you sure you want to delete this owner information?')) {
            id = $(this).data("id");
            //alert(id);
            $.ajax({
                //url:'delete-estimate/'+id,
                url: "{{ url('user/businessplan/businessidea/ownerinfo/delete') }}/" + id,
                type: 'GET',
                data: {
                    //_token:$('input[name=_token]').val()
                    id: id,

                },
                success: function(response) {
                    $('#ownerid' + id).remove();
                }

            });
        }
    });

    $(document).on("click", ".edit", function() {
        id = $(this).data("id");
        //alert(id);
        $.get('{{ url('user/businessplan/businessidea/ownerinfo/edit') }}/' + id, function(owner) {
            // console.log(cat);
            //alert(marketing.id)
            $('#id').val(owner.id);
            $('.name').val(owner.name);
            $('.experience').val(owner.experience);
            $('.rating').val(owner.rating);
            //$('.three_year_market_expense').val(marketing.three_year_market_expense);

            //$(".edit-message").html("");
            $('#edit_myModal').modal('show');
        });
    })
</script>
@endsection