@extends(backpack_view('blank'))

@section('content')
    <div class="row justify-content-center mt-3">
        <div class="col-md-7">
            <div class="card">
                <div class="card-body p-5">
                    <h4 class="card-title">Please chose a reason</h4>
                    <hr>
                    <b>Reason</b>
                    <form method="post"
                          action="{{ url('/admin/lead/'.$id.'/remark')}}">
                        {!! csrf_field() !!}
                        <input id="lead_id" name="lead_id" type="text" hidden value="{{$id}}"/>

                        <div class="form-group mt-2 ml-2 mb-2">
                            @forelse ($remarks  as $remark)
                            <input type="radio" id="checkbox" name="remark_id" value="{{$remark->id}}" onchange="getValue(this)">
                            <label for="{{$remark->id}}">{{$remark->name}}</label><br/>
                            @empty

                            @endforelse

                            <input type="radio" id="checkboxOthers" name="remark_id" value="0" onchange="getValue(this)" required>
                            <label for="0">Other</label>
                        </div>
                        
                        <div class="form-group">
                            <textarea class="form-control" id="remarks" name="remarks" rows="2" disabled placeholder="Please specify if you chose others."></textarea>
                        </div>

                        <div class="mb-2 text-center">
                            <button type="submit" class="btn btn-primary">Save Changes</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@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>
    <script>
        function getValue(checkbox) {
            if (checkbox.value == '0') {
                document.getElementById("remarks").disabled= false;
                document.getElementById("remarks").required= true;
            } else {
                document.getElementById("remarks").disabled= true;
                document.getElementById("remarks").required= true;
                document.getElementById("remarks").value = "";
            }
        }
    </script>
@endsection