@extends('layouts.admin_app')
@section('title','Create/Edit National Alert')
@section('content')
<div class="card">
<div class="card-body">
    <div class="mb-3 clearfix">
        <span class="float-left">
            <h4 class="text-info font-weight-bold">@if(!isset($nationalAlert))Create New @else Edit @endif National Alert</h4>
        </span>
        <div class="btn-group btn-group-sm float-right" role="group">
            <a href="{{ route('national_alerts.national_alert.index') }}" class="btn btn-info" title="Show All National Alert">
                <span class="fas fa-th-list" aria-hidden="true"></span>
            </a>
        </div>
    </div>
<div class="row">
    <div class="col-md-12">
        @if ($errors->any())
            <ul class="alert alert-danger">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        @endif
       
    <form method="POST" action="{{ route('national_alerts.national_alert.store') }}" accept-charset="UTF-8" id="national_alert_form" name="national_alert_form" class="form-horizontal national_alert_form" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="id" class="national_alert_id patient_safety_alert_id" @if(isset($nationalAlert)) value="{{$nationalAlert->id}}" @endif>
        
        <div class="form-group @if($errors->has('title')) has-error @endif">
            <label for="title">Title</label>
            <input type="text" class="form-control title" name="title" max="255" required @if(isset($nationalAlert)) value="{{$nationalAlert->title}}" @endif>
        </div>
        <div class="form-buttons">
            <label for="Type">Type</label><br>
            <input type="hidden" name="type" class="type" data-targets=".types" @if(isset($nationalAlert)) value="{{$nationalAlert->type}}" @endif>
            @foreach(\App\Models\NationalAlert::$types as $type)
                <button type="button" data-value="{{$type}}" data-target=".type" class="types @if(isset($nationalAlert) && $nationalAlert->type == $type) active  @endif btn btn-outline btn-outline-info">{{$type}}</button>
            @endforeach
        </div>
        <div class="p_l_recall_wrapper {{ $errors->has('patient_level_recall') ? 'has-error' : '' }}" @if(!isset($nationalAlert) || ($nationalAlert->type != "Medicines Recall" && $nationalAlert->type != "Company-Led Medicines Recall/Notification")) style="display:none;" @endif>
            <span>Medicines Recall</span><br>
            <label for="patient_level_recall">
                <input class="patient_level_recall hide" id="patient_level_recall" name="patient_level_recall" type="checkbox" value="1" @if(isset($nationalAlert) && $nationalAlert->patient_level_recall) checked @endif >
                <span onclick="$(this).toggleClass('active')" class="btn btn-outline-info @if(isset($nationalAlert) && $nationalAlert->patient_level_recall) active @endif">This is a Patient Level Recall</span>
            </label>
            <br>
        </div>

        <div class="form-group custom_type_wrapper" @if(!isset($nationalAlert) || $nationalAlert->type != 'Custom' ) style="display:none"  @endif >
            <label>Please Enter Custom Type</label>
            <input type="text" name="custom_type" class="form-control custom_type" @if(isset($nationalAlert) && $nationalAlert->type == 'Custom' ) value="{{$nationalAlert->custom_type}}" @endif>
        </div>

        <div class="form-buttons originator_wrapper" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="Type">Originator <small class="inline form-text text-muted">(You can select multiple originators)</small></label><br>
            @foreach(\App\Models\NationalAlert::$originators as $key=>$originator)
                <input type="checkbox"  @if(isset($nationalAlert) && $nationalAlert->hasOriginator($originator)) checked @endif name="originator[]" value="{{$originator}}" class="hide originator originator_{{$key}}">
                <button type="button" data-value="{{$originator}}" data-target=".originator_{{$key}}" data-multiple="true" class=" @if(isset($nationalAlert) && $nationalAlert->hasOriginator($originator)) active @endif btn btn-outline btn-outline-info">{{$originator}}</button>
            @endforeach
            
        </div>

        <div class="form-group custom_originator_wrapper" @if(!isset($nationalAlert) || !$nationalAlert->hasOriginator('Custom')) style="display:none"  @endif>
            <label>Please Enter Custom Originator</label>
            <input type="text" name="custom_originator" class="form-control custom_originator" @if(isset($nationalAlert) && $nationalAlert->hasOriginator('Custom')) value="{{$nationalAlert->custom_originator}}" @endif>
        </div>

        <div class="form-buttons class_wrapper {{ $errors->has('class') ? 'has-error' : '' }}" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="class" class="">Class</label><br>
            <input type="hidden" name="class" class="class" data-targets=".classes" @if(isset($nationalAlert)) value="{{$nationalAlert->class}}" @endif >
            @foreach(\App\Models\NationalAlert::$classes as $class)
                <button type="button" data-value="{{$class}}" data-target=".class" class="@if(isset($nationalAlert) &&  $nationalAlert->class == $class) active  @endif classes btn btn-outline btn-outline-info {{str_replace(' ','_',$class)}}">{{$class}} {{\App\Models\NationalAlert::showClassTitle( $class )}}</button>
            @endforeach
        </div>

        <div class="form-buttons action_wrapper {{ $errors->has('action_within') ? 'has-error' : '' }}" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="action_within" class="">Action Within</label><br>
            <input type="hidden" name="action_within" class="action_within" data-targets=".actions" @if(isset($nationalAlert)) value="{{$nationalAlert->action_within}}" @endif> 
            <button type="button" data-value="1" data-target=".action_within" class="@if(isset($nationalAlert) &&  $nationalAlert->action_within == 1) active  @endif actions btn btn-outline btn-outline-info class1_action ">{{\App\Models\NationalAlert::actionWithInTitle(1)}}</button>
            <button type="button" data-value="2" data-target=".action_within" class="@if(isset($nationalAlert) &&  $nationalAlert->action_within == 2) active  @endif actions btn btn-outline btn-outline-info class2_action ">{{\App\Models\NationalAlert::actionWithInTitle(2)}}</button>
            <button type="button" data-value="5" data-target=".action_within" class="@if(isset($nationalAlert) &&  $nationalAlert->action_within == 5) active  @endif actions btn btn-outline btn-outline-info class3_action ">{{\App\Models\NationalAlert::actionWithInTitle(5)}}</button>
            <button type="button" data-value="28" data-target=".action_within" class=" @if(isset($nationalAlert) &&  $nationalAlert->action_within == 28) active  @endif actions btn btn-outline btn-outline-info class4_action ">{{\App\Models\NationalAlert::actionWithInTitle(28)}}</button>
            <button type="button" data-value="Custom" data-target=".action_within" class=" @if(isset($nationalAlert) &&  $nationalAlert->action_within == 'Custom') active  @endif actions btn btn-outline btn-outline-info class5_action ">{{\App\Models\NationalAlert::actionWithInTitle('Custom')}}</button>
        </div>

        <div class="form-group action_within_days_wrapper" @if(!isset($nationalAlert) || $nationalAlert->action_within != 'Custom' ) style="display:none"  @endif>
            <label>Please Enter Action Within Days</label>
            <input type="number" name="action_within_days" min="1" class="form-control action_within_days" @if(isset($nationalAlert) &&  $nationalAlert->action_within == 'Custom') value="{{$nationalAlert->action_within_days}}"  @endif   >
        </div>

        <div class="form-group summary_wrapper {{ $errors->has('summary') ? 'has-error' : '' }}" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="summary" class="">Summary</label>
            <textarea spellcheck="true"  class="form-control" name="summary" id="summary" rows="3" required>@if(isset($nationalAlert)){{$nationalAlert->summary}} @endif</textarea>
        </div>
        <div class="form-group summary_wrapper" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="Suggested Actions" class="">Suggested Actions</label>
            <textarea spellcheck="true"  class="form-control" name="suggested_actions" id="suggested_actions" rows="3">@if(isset($nationalAlert)){{$nationalAlert->suggested_actions}} @endif</textarea>
        </div>


        <div class="form-buttons shared_with_wrapper {{ $errors->has('send_to_countries') ? 'has-error' : '' }}" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="country" class="">Send to Countries</label><br>
                <input type="checkbox" @if(isset($nationalAlert) && $nationalAlert->send_to_all_countries) checked @endif name="send_to_countries[]" value="all" class="hide send_to_countries country_all">
                <button type="button" data-value="all" data-target=".country_all" data-multiple="true" class="@if(isset($nationalAlert) && $nationalAlert->send_to_all_countries ) active @endif country btn btn-outline btn-outline-info">All</button>
                @foreach($countries as $key=>$country)
                <input type="checkbox" @if(isset($nationalAlert) && $nationalAlert->hasCountry($country)) checked @endif name="send_to_countries[]" value="{{$country}}" class="hide send_to_countries country_{{$key}}">
                <button type="button" data-value="{{$country}}" data-target=".country_{{$key}}" data-multiple="true" class="@if(isset($nationalAlert) && $nationalAlert->hasCountry($country)) active @endif country btn btn-outline btn-outline-info">{{$country}}</button>
                @endforeach
            </select>
        </div>
        <div class="form-buttons shared_with_wrapper {{ $errors->has('send_to_designation') ? 'has-error' : '' }}" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="country" class="">Send to Designation</label> <br>
            <input type="checkbox" @if(isset($nationalAlert) && $nationalAlert->send_to_all_designations) checked @endif name="send_to_designation[]" value="all" class="hide send_to_designation designation_all">
                <button type="button" data-value="all" data-target=".designation_all" data-multiple="true" class="@if(isset($nationalAlert) && $nationalAlert->send_to_all_designations) active @endif designation btn btn-outline btn-outline-info">All</button>
            @foreach($designations as $key=>$designation)
                <input type="checkbox" @if(isset($nationalAlert) && $nationalAlert->hasDesignation($designation->id)) checked @endif name="send_to_designation[]" value="{{$designation->id}}" class="hide send_to_designation designation_{{$key}}">
                <button type="button" data-value="{{$designation->id}}" data-target=".designation_{{$key}}" data-multiple="true" class="@if(isset($nationalAlert) && $nationalAlert->hasDesignation($designation->id)) active @endif designation btn btn-outline btn-outline-info">{{$designation->name}}</button>
            @endforeach
        </div>
        <div class="form-buttons shared_with_wrapper {{ $errors->has('send_to_head_offices_or_location') ? 'has-error' : '' }}" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <label for="Send" class="">Send to Head Office / Locations</label> <br>
            <input type="hidden" name="send_to_head_offices_or_location" class="send_to_head_offices_or_location" data-targets=".send_to_values" @if(isset($nationalAlert)) value="{{$nationalAlert->send_to_head_offices_or_location}}" @endif>
            <button type="button" data-value="all" data-target=".send_to_head_offices_or_location" class="@if(isset($nationalAlert) && $nationalAlert->send_to_head_offices_or_location == 'all') active @endif send_to_values btn btn-outline btn-outline-info">All</button>
            <button type="button" data-value="head_offices" data-target=".send_to_head_offices_or_location" class="@if(isset($nationalAlert) && $nationalAlert->send_to_head_offices_or_location == 'head_offices') active @endif send_to_values btn btn-outline btn-outline-info">Head Offices</button>
            <button type="button" data-value="locations" data-target=".send_to_head_offices_or_location" class="@if(isset($nationalAlert) && $nationalAlert->send_to_head_offices_or_location == 'locations') active @endif send_to_values btn btn-outline btn-outline-info">Locations</button>
            <br><small class="text-muted">Note: Selecting all will send to all "Head offices" and "Locations"</small>
            
        </div>
        <div class="form-buttons shared_with_headoffices {{ $errors->has('send_to_head_offices') ? 'has-error' : '' }}" @if(!isset($nationalAlert) || $nationalAlert->send_to_head_offices_or_location != 'head_offices') style="display:none;" @endif>
            <label for="headoffice" class="">Head Offices</label>
            <select name="send_to_head_offices[]" class="form-control select2 send_to_head_offices" multiple>
                <option value="all"  @if(isset($nationalAlert) && $nationalAlert->send_to_all_head_offices) selected @endif>All</option>
                @foreach($headOffices as $headoffice)
                    <option value="{{$headoffice->id}}" @if(isset($nationalAlert) && $nationalAlert->hasHeadOffice($headoffice->id)) selected @endif>{{$headoffice->company_name}} ({{$headoffice->address}})</option>
                @endforeach
            </select>
        </div>
        <div class="form-buttons send_to_locations_wrapper {{ $errors->has('shared_with_locations') ? 'has-error' : '' }}" @if(!isset($nationalAlert) || $nationalAlert->send_to_head_offices_or_location != 'locations') style="display:none;" @endif>
            <label for="Locations" class="">Locations</label>
            <select name="send_to_locations[]" class="form-control select2 send_to_locations" multiple>
                <option value="all" @if(isset($nationalAlert) && $nationalAlert->send_to_all_locations) selected @endif>All</option>
                @foreach($locations as $loc)
                    <option value="{{$loc->id}}" @if(isset($nationalAlert) && $nationalAlert->hasLocation($loc->id)) selected @endif >{{$loc->name()}}</option>
                @endforeach
            </select>
        </div>

        <div class="form-buttons schedule_wrapper" @if(!isset($nationalAlert)) style="display:none"  @endif>
            <label>Schedule for later time<small class="text-muted"> (Alert will only display after the scheduled date/time is reached)</small></label><br>
            <input type="hidden" name="schedule_later" class="schedule_later" data-targets=".schedule_value" @if(isset($nationalAlert)) value="{{$nationalAlert->schedule_later}}" @endif>
            <button type="button" data-value="no" data-target=".schedule_later" class="@if(isset($nationalAlert) && $nationalAlert->schedule_later == 'no') active @endif schedule_value btn btn-outline btn-outline-info">No</button>
            <button @if(isset($nationalAlert) && $nationalAlert->schedule_later =='no' && $nationalAlert->canEditScheduleDateTime() == false) style="display:none"  @endif type="button" data-value="yes" data-target=".schedule_later" class="@if(isset($nationalAlert) && $nationalAlert->schedule_later == 'yes') active @endif schedule_value btn btn-outline btn-outline-info">Yes</button>
        </div>
        <div class="schedule_date_time_wrapper" @if(!isset($nationalAlert) || $nationalAlert->schedule_later != 'yes') style="display:none"  @endif >
            <div class="card card-qi">
                <div class="card-body">
                @if(isset($nationalAlert) && $nationalAlert->canEditScheduleDateTime() == false) 
                    <small class="text-danger">You cannot change this option now. The alert is already dispatched.</small> @endif
                    <div class="form-group">
                            <label for="schedule_date">Scheduled Date</label>
                            <input type="date" @if(isset($nationalAlert) && $nationalAlert->canEditScheduleDateTime() == false) readonly @endif name="schedule_date" class="datepicker schedule_date form-control" min="{{date('Y-m-d',strtotime('+1 day'))}}" @if(isset($nationalAlert) && $nationalAlert->schedule_later == 'yes') value="{{date('Y-m-d',strtotime($nationalAlert->start_time))}}" @endif >
                    </div><br>
                    <div class="form-group">
                            <label for="schedule_time">Scheduled Time</label>
                            <input type="time" @if(isset($nationalAlert) && $nationalAlert->canEditScheduleDateTime() == false) readonly @endif name="schedule_time" class="datepicker schedule_time form-control" @if(isset($nationalAlert) && $nationalAlert->schedule_later == 'yes') value="{{date('H:i',strtotime($nationalAlert->start_time))}}" @endif>
                    </div>
                </div>
            </div>
        </div>
        <div class="files files_wrapper card card-qi mt-5" @if(!isset($nationalAlert)) style="display:none;" @endif>
            <div class="card-body">
                <label>Uploaded Files</label>
                <ol class="uploaded_files">
                    @if(isset($nationalAlert))
                    @foreach($nationalAlert->documents as $doc)    
                    <li>
                        <input type='hidden' name='documents[]' class='file document' value='{{$doc->document->id}}'>
                        <span class="fa fa-file"></span>&nbsp;{{$doc->document->original_file_name()}}
                        <a href="{{route('document.get', $doc->document->unique_id)}}" target="_blank" title='Preview' class="preview_btn"> <span class="fa fa-eye"></span></a>
                        <a href="#" title='Delete File' class="remove_btn"> <span class="fa fa-times"></span></a>
                     
                    </li>
                    @endforeach
                    @endif
                </ol>
            </div>
           
            <div class="upload_box center">
                <i class="fa fa-cloud-upload-alt" style="font-size:48px"></i><br>Drop files here
            </div>
            <div class="custom-file {{ $errors->has('alert_documents') ? 'has-error' : '' }}">
                <label for="formFileMultiple" class="custom-file-label">Select File</label>
                <input class="custom-file-input" type="file" id="formFileMultiple" name="alert_documents[]" multiple="multiple" />
            </div>
        </div>
            <div class="form-group save_wrapper" @if(!isset($nationalAlert)) style="display:none;" @endif>
                <div class="col-md-offset-2 col-md-10">
                    <button class="btn btn-info national_alert_submit" type="submit" value="Save"><i style="display:none"class="spinner fa-spin fa fa-spinner"></i> Save</button>
                </div>
            </div>

        </form>
    </div>
    <div class="col-md-6">
        <!-- <h4 class="text-info">Patient Safety Alert Classes</h4>
        <p>Class 1 requires immediate recall, because the product poses a serious or life threatening risk to health.</p>
        <p>Class 2 specifies a recall within 48 hours, because the defect could harm the patient but is not life threatening.
        <p>Class 3 requires action to be taken within 5 days because the defect is unlikely to harm patients and is being carried out for reasons other than patient safety.
        <p>Class 4 alerts advise caution to be exercised when using the product, but indicate that the product poses no threat to patient safety. -->
    </div>

</div>


</div> <!-- Card body -->
</div> <!-- Card -->

@endsection

@section('styles')
<link rel="stylesheet" href="{{asset('css/alertify.min.css')}}">
@endsection

@section('scripts')
<script>
    // Add the following code if you want the name of the file appear on select
    $(".custom-file-input").on("change", function() {
        var files = Array.from(this.files)
        var fileName = files.map(f =>{return f.name}).join(" , ")
        $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
    });
</script>
<script  src="{{asset('/js/alertify.min.js')}}"></script>
@endsection