@extends('admin.master')
@section('content')
    <section class="main-content">
        <div class="row">
            <div class="col-sm-12">
                @include('admin.flash-message')
                <div class="card">
                    <div class="card-header card-default">
                        Update Booking Status
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('booking-pending.update',['pending' => $record->slug ]) }}" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            <input type="hidden" name="_method" value="PUT">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Booking Status</label>
                                        <select required class="form-control" name="booking_status">
                                            <option value=""> -- Select Status -- </option>
                                            <option value="scheduled">Accept</option>
                                            <option value="rejected">Reject</option>
                                        </select>
                                    </div>
                                </div>
                                <div id="reason-div" class="col-md-12 d-none">
                                    <div class="form-group">
                                        <label>Reason</label>
                                        <textarea style="min-height:200px;" class="form-control" name="reason"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.footer')
    </section>
    @push('scripts')
        <script>
            $('select[name="booking_status"]').change( function(){
                let value = $(this).val();
                if( value == 'rejected' ){
                    $('#reason-div').removeClass('d-none');
                } else {
                    $('#reason-div').addClass('d-none');
                }
            })
        </script>
    @endpush
@endsection