@extends('Admin.components.layout')
@section('title')
    Medication
@endsection
@section('subtitle')
    @if (isset($data))
        Medication- Edit
    @else
        Medication- Add
    @endif
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row mt-2">
            <div class="col-12">
                <div class="card  p-3">
                    <div class="card-body ">
                        @if ($errors->any())
                            <div class="row">
                                <div class="col-sm-6 col-sm-offset-3">
                                    {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                                </div>
                            </div>
                        @endif
                        <form action="{{ route('admin.medication.store') }}" method="POST" enctype="multipart/form-data"
                            name="medication" id="medication">
                            {{ csrf_field() }}
                            @if (isset($data))
                                <input type="hidden" name='id' id='id' value="{{ $data->id }}">
                            @endif
                            <div class="form-group">
                                <label for="website">Medication For:</label>
                                <select class="form-control" id="medication_for" name="medication_for">
                                    <option value="">-- Select Medication For--</option>
                                    @foreach ($type as $k => $v)
                                        <option value="{{ $v->id }}"
                                            @if (isset($data)) {{ $data->medication_for == $v->id ? 'selected' : '' }} @endif>
                                            {{ $v->medication_type_name_en }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="website">Medication Name In English :</label>
                                <input type="text" name="medication_name" id="medication_name" class="form-control"
                                    value="@if (isset($data)) {{ $data->name }} @endif">
                            </div>
                            <div class="form-group">
                                <label for="website">Medication Name In Second Language :</label>
                                <input type="text" name="medication_name_welsh" id="medication_name_welsh"
                                    class="form-control"
                                    value="@if (isset($data)) {{ $data->name_welsh }} @endif">
                            </div>

                            <div class="form-group">
                                <label for="website">Medication Description In English:</label>
                                <textarea name="editor1" id="editor1">
@if (isset($data))
{!! $data->medication_des !!}
@endif
</textarea>
                            </div>
                            <div class="form-group">
                                <label for="website">Medication Description In Second Language:</label>
                                <textarea name="medication_des_welsh" id="medication_des_welsh">
@if (isset($data))
{!! $data->medication_des_welsh !!}
@endif
</textarea>
                            </div>
                            <div class="form-group">
                                <label for="website">Medication Image:</label>
                                <input type="file" id="medication_file_url" name="medication_file_url[]"
                                    class="form-control" multiple="" accept='image/*' value="">
                                <div class="row">
                                    @if (isset($subimage))
                                        @foreach ($subimage as $subimages)
                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <img src="{{ s3Url('uploads') }}/{{ $subimages->image_url }}" height="120"
                                                    width="120" />
                                                <button type="button" class="btn ntn-sm btn-danger btn-circle deleteimage"
                                                    data-id="{{ $subimages->id }}" style="color:white"><i
                                                        class="bi bi-x-circle"></i></button>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="website">Medication Category:</label>
                                <select class="form-control" id="medication_category" name="medication_category">
                                    <option value="">-- Select Category--</option>
                                    @foreach ($cat as $key => $value)
                                        <option value="{{ $value->id }}"
                                            @if (isset($data)) {{ $data->medication_cat_id == $value->id ? 'selected' : '' }} @endif>
                                            {{ $value->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="website">Medication Unit:</label>
                                <select class="form-control" id="medication_unit" name="medication_unit">
                                    <option value="">-- Select Medication Unit--</option>
                                    @foreach ($unit as $u => $t)
                                        <option value="{{ $t->id }}"
                                            @if (isset($data)) {{ $data->medication_unit == $t->id ? 'selected' : '' }} @endif>
                                            {{ $t->name_eng }}</option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- <div class="form-group">
                            <label for="website">How to Take Medicine:</label>
                            <select class="form-control" id="take_medicine" name="take_medicine">
                                <option value="">-- Select How to Take Medicine--</option>
                                @foreach ($take_medicine as $e => $m)
                                <option value="{{$m->id}}"  @if (isset($data)) {{ ( $data->take_medicine == $m->id) ? 'selected' : '' }}  @endif>{{$m->name_eng}}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="form-group"  id="">
                            <label for="website">Inhaler Technique:</label><br>
                            <input type="radio" name="inhaler_technique" value="1" @isset($data)  @if ($data->inhaler_technique == '1') checked @endif @endisset> Yes<br>
                            <input type="radio" name="inhaler_technique" value="0" @isset($data)  @if ($data->inhaler_technique == '0') checked @endif @endisset> No<br>
                        </div> --}}
                            <x-submitbutton />
                            {{-- <a class="btn btn-danger" href="{{ route('admin.medication.list') }}"> Cancel</a> --}}

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
 <script nonce="{{ $cspNonce }}" type="text/javascript" src="{{ asset(CK) }}/customjs.js"></script>
    <script nonce="{{ $cspNonce }}">
        $(document).ready(function() {
            ApplyCKEditor('editor1');
            ApplyCKEditor('medication_des_welsh');
        });
    </script>

    <script nonce="{{ $cspNonce }}">
        $(document).ready(function() {
            $(".deleteimage").click(function() {
                var id = $(this).attr("data-id");
                var con = confirm("Are You Sure You Want Delete This");

                if (con == true) {

                    $.ajax({
                        type: 'POST',
                        url: "{{ route('admin.medication.image.delete') }}",
                        data: {

                            id: id,
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(data) {
                            if (data.status == 200) {
                                location.reload();
                            } else {
                                alert("Something Went Wrong")
                            }
                        }
                    });
                }
            });


        });
    </script>
@endsection