@extends(backpack_view('blank'))

@php
    $cancels = [
    ['reason' => 'No answer', 'id_form' => '1' ],
    ['reason' => 'Message no reply', 'id_form' => '2' ],
    ['reason' => 'Wrong number', 'id_form' => '3' ],
    ['reason' => 'Customer request callback', 'id_form' => '4' ],
    ['reason' => '', 'id_form' => 'yesCheck' ]

];

@endphp

@section('content')

        <div class="row justify-content-center">
            <div class="col-md-7">
                <div class="card">
                    <div class="card-body p-5">
                        <h3 class="card-title">Cancel reason</h3>
                        <hr>
                        <form method="post"
                              action="{{ url('/admin/lead/'.$lead_id.'/cancel')}}">
                            {!! csrf_field() !!}

                            <input class="form-control" id="lead_id" name="lead_id" type="text" hidden value="{{$lead_id}}"/>

                            @foreach($cancels as $c)

                                <div class="form-check">
                                    <input class="form-check-input" onclick="yesnoCheck();" type="radio" name="remarkOption"
                                           value="{{$c['reason']}}" id="{{$c['id_form']}}">
                                    <label class="form-check-label" for="{{$c['id_form']}}">
                                        @if($c['id_form'] == 'yesCheck')
                                            Etc.
                                        @else
                                            {{$c['reason']}}
                                        @endif
                                    </label>
                                </div>

                            @endforeach

                            <div id="ifYes" style="display: none" class="form-group">
                                <label for="exampleInputEmail1">Remarks</label>
                                <textarea class="form-control" name="remarks" rows="3"></textarea>
                                <small class="form-text text-muted">Fill remarks for any reason.</small>
                            </div>
                            <div class="mb-2 text-right">
                                <button type="submit" class="btn btn-primary float-left mt-4">Submit</button>
                            </div>

                        </form>

                    </div>
                </div>
            </div>
        </div>

    <script>
        function yesnoCheck() {
            if (document.getElementById('yesCheck').checked) {
                document.getElementById('ifYes').style.display = 'block';
            }
            else document.getElementById('ifYes').style.display = 'none';
        }
    </script>
@endsection


@section('after_styles')
    <link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/crud.css').'?v='.config('backpack.base.cachebusting_string') }}">
    <link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/show.css').'?v='.config('backpack.base.cachebusting_string') }}">
@endsection

@section('after_scripts')
    <script src="{{ asset('packages/backpack/crud/js/crud.js').'?v='.config('backpack.base.cachebusting_string') }}"></script>
    <script src="{{ asset('packages/backpack/crud/js/show.js').'?v='.config('backpack.base.cachebusting_string') }}"></script>
@endsection