@extends(backpack_view('blank'))

@section('content')

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="row d-none">
    <div class="col-md-12 bold-labels">
        <form method="POST" action="{{ url(config('backpack.base.route_prefix').'/dashboard-settings') }}">
            @csrf
            @method('POST')
            <div class="card">
                <div class="card-body row">
                    <div class="form-group">
                        <label for="api_url">Actions after scanning prescription</label>
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input"   id="scan_action_0" name="scan_actions[]" value="0" {{ in_array('0', $scan_action ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="scan_action_0">
                                Mark as ready for collection (and send SMS if appliccable)
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input"  id="scan_action_1"  name="scan_actions[]" value="1"  {{ in_array('1', $scan_action ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="scan_action_1">
                                Update prescription status to "Ready for Collection"
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input"  id="scan_action_2" name="scan_actions[]" value="2"  {{ in_array('2', $scan_action ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="scan_action_2">
                                Close the order line
                            </label>
                        </div>

                    </div>
                    <button type="submit" class="btn btn-primary w-auto">Save Settings</button>
                </div>
            </div>
        </form>
    </div>
</div>


<div class="row pt-4 d-none">
    <div class="col-md-12 bold-labels">
        <form method="POST" action="{{ url(config('backpack.base.route_prefix').'/dashboard-settings-update-readmedicine') }}">
            @csrf
            @method('POST')
            <div class="card">
                <div class="card-body row">
                    <div class="form-group">
                        <label >Read Medicines Setting</label>
                        <div class="form-check">
                            <input type="radio" class="form-check-input" id="read-medicine-setting-always-read" name="read_medicine_setting" value="Always Read" {{  $read_medicine_setting == "Always Read" ? 'checked' : '' }}>
                            <label class="form-check-label" for="read-medicine-setting-always-read">
                                Always Read
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="radio" class="form-check-input" id="read-medicine-setting-only-read-after-pin" name="read_medicine_setting" value="Only Read After Pin" {{  $read_medicine_setting == "Only Read After Pin" ? 'checked' : '' }}>
                            <label class="form-check-label" for="read-medicine-setting-only-read-after-pin">
                                Only Read After Pin
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="radio" class="form-check-input" id="read-medicine-setting-never-read" name="read_medicine_setting" value="Never Read" {{  $read_medicine_setting == "Never Read" ? 'checked' : '' }}>
                            <label class="form-check-label" for="read-medicine-setting-never-read">
                                Never Read
                            </label>
                        </div>

                    </div>
                    <button type="submit" class="btn btn-primary w-auto">Save Settings</button>
                </div>
            </div>
        </form>
    </div>
</div>

<ul class="nav nav-tabs pt-4" id="settingsTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="sms-tab" data-bs-toggle="tab" href="#sms" role="tab">
            SMS Messages
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link" id="whatsapp-tab" data-bs-toggle="tab" href="#whatsapp" role="tab">
            WhatsApp Templates
        </a>
    </li>
</ul>

<div class="tab-content">

    {{-- SMS TAB --}}
    <div class="tab-pane fade show active" id="sms" role="tabpanel">

        @include('vendor.backpack.settings.sms_settings')


    </div>


    {{-- WHATSAPP TAB --}}
    <div class="tab-pane fade" id="whatsapp" role="tabpanel">
        @include('vendor.backpack.settings.whatsapp_message')
        
    </div>

</div>

@endsection