@extends('layouts.app')
@section('content')
<link rel="stylesheet" href="{{ asset('assets/js/bootstrap-multiselect/css/bootstrap-multiselect.css') }}" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
<style>
.fo {
    font-size: 12px;
    font-weight: 600;
    margin-left: -10px !important;
}
.error {
    border-color: red;
}
</style>
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">Therapy</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ action('HomeController@index') }}">Home</a></li>
            <li class="breadcrumb-item active">Therapy</li>
        </ol>
    </div>

</div>
<script src="{{ asset('js/jquery.min.js') }}"></script>
<div class="container-fluid">

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <!-- <form id="therapyForm" enctype="multipart/form-data" action="{{action('TherophyController1@store')}}" name="therapyForm"
                        class="form-horizontal" autocomplete="off" method="post" action="javascript:void()"> -->
    <form id="therapyForm" enctype="multipart/form-data" name="therapyForm" class="form-horizontal" autocomplete="off" method="post" action="javascript:void()">
                        @csrf
                        <input type="hidden" name="id" id="faqid">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="therapy_title" class="col-sm-6 control-label">Therapy Title <span
                                            class="red">*</span></label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control" id="therapy_title" name="therapy_title"
                                            placeholder="Therapy Title" value="" maxlength="50" required="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label">Description <span
                                            class="red">*</span></label>
                                    <div class="col-sm-12">
                                        <textarea class="form-control" id="description" name="description"
                                            placeholder="Therapy Description" value="" rows="3"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-6">
                                    <label for="therapy_type" class="col-sm-8 control-label">Therapy / Meditation <span
                                            class="red">*</span></label>
                                    <div class="col-sm-12">
                                        <select class="form-control" id="therapy_type" name="therapy_type" required="">
                                            <option value="">Select Therapy Type</option>
                                            <option value="Therapy">Therapy</option>
                                            <option value="Meditation">Meditation</option>
                                            <option value="Free">Free</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <label for="duration" class="col-sm-6 control-label">Duration <span
                                            class="red">*</span></label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control" id="duration" name="duration"
                                        placeholder="Duration" value="" required="">
                                    </div>
                                </div>
                            </div>
                        </div> 

                        <div class="form-group">
                            <div class="row">
                                <div class="col-lg-6" id="frequency">
                                    <label for="frequency_type" class="col-sm-12 control-label">Frequency Type <span
                                            class="red">*</span></label>
                                    <div class="col-sm-12">
                                        <select class="form-control" id="frequency_type" name="frequency_type"
                                            required="">
                                            <option value="" selected>Select Days / Session</option>
                                            <option value="Days">Days</option>
                                            <option value="Session">Session</option>
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="col-lg-6">
                                    <div class="form-group py-2">
                                        <div class="col-sm-12">
                                            <label for="audio_file">Audio Upload <span class="red">*</span> <span style="font-size: 10px;"> Audio Support By: Mp3 | Ogg | Wav </span><span style="font-size: 10px;position:relative;left :20px;">Max Size : 100mb </span></label>
                                            <input type="file" class="form-control-file" name="audio_file"
                                                id="audio_file">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="name" class="col-sm-6 control-label">FFMPEG M3U8 </label>
                                        <div class="col-sm-12">
                                            <textarea class="form-control" id="ffmpeg_m3u8" name="ffmpeg_m3u8"
                                                placeholder="Enter FFMPEG M3U8 file path" value="" rows="3"></textarea>
    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="days">
                            <div class="form-group" id="test">
                                <div class="col-sm-12">
                                    <div class="row">
                                        <div class="col">
                                            <label for="duration_count" class="col-sm-12 control-label p-0">Duration
                                                <span class="red">*</span></label>
                                            <input type="text" class="form-control duration_count" placeholder="Please Enter Duration Count"
                                                name="days[0][duration_count]"  data-id="0" id="duration_count_0" required pattern= "[0-9]" title="Please enter number value only" onkeypress="return isNumber(event,this.id)">
                                        </div>
                                        <div class="col">
                                            <label for="duration_type" class="col-sm-12 control-label p-0">Month <span
                                                    class="red">*</span></label>
                                            <select class="form-control duration_type" data-id="0" title="Please select month" id="duration_type_0"
                                                name="days[0][duration_type]" required="">
                                                <option value="">-- Select Days / Month --</option>
                                                <option value="Days">Days</option>
                                                <option value="Month">Month</option>
                                                <option value="Year">Year</option>
                                                <option value="Lifetime">Life Time</option>
                                            </select>
                                        </div>
                                        <div class="col">
                                            <label for="cost_" class="col-sm-12 control-label p-0">Cost <span
                                                    class="red">*</span></label>
                                            <input type="text" class="form-control" placeholder="cost"
                                                name="days[0][cost]" id="cost_0"  data-id="0" required pattern= "[0-9]" title="Please enter total cost" onkeypress="return isNumberKey(event,this.id)">
                                        </div>
                                        <div class="col">
                                            <label for="in_app_purchase_id_0" class="col-sm-12 control-label p-0">App Purchase Id <span
                                                    class="red">*</span></label>
                                            <input type="text" class="form-control" placeholder="App purchase id"
                                                name="days[0][in_app_purchase_id]"  data-id="0" id="in_app_purchase_id_0" required title="Please enter app purchase id">
                                        </div>
                                        <div class="cols">
                                            <label class="col-sm-12 control-label">&nbsp;</label>
                                            <button type="button" name="add" id="add"
                                                class="btn btn-success">Add</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="session">
                            <div class="form-group" id="testsession">
                                <div class="col-sm-12">
                                    <div class="row">
                                        <div class="col">
                                            <label for="no_session" class="col-sm-12 control-label text-left p-0">No
                                                session <span class="red">*</span></label>
                                            <select class="form-control no_session" data-id="0" title="Please select no of session" id="no_session0" name="session[0][no_session]"
                                                required="">
                                                <option value="">No of Session</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                            </select>
                                        </div>
                                        <div class="col">
                                            <label for="interval_days" class="col-sm-12 control-label p-0">Interval
                                                <span class="red">*</span></label>
                                            <select class="form-control interval_days" data-id="0" title="Please select interval" id="interval_days0"
                                                name="session[0][interval_days]" required="" placeholder="Days">
                                                <option value="">Interval Days</option>
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                            </select>
                                        </div>
                                        <div class="col">
                                            <label for="session_days" class="col-sm-12 control-label p-0">Total Session <span
                                                    class="red">*</span></label>
                                            <input type="text" class="form-control" data-id="0" placeholder="Session Days"
                                                name="session[0][session_days]" title="Please enter total session" id="session_days0" required readonly>
                                        </div>
                                        <div class="col">
                                            <label for="cost" class="col-sm-12 control-label p-0">Cost <span
                                                    class="red">*</span></label>
                                            <input type="text" class="form-control" placeholder="cost"
                                                name="session[0][cost]" id="cost0" title="Please enter cost" onkeypress="return isNumberKey(event,this.id)" required >
                                        </div>
                                        <div class="col">
                                            <label for="in_app_purchase_id" class="col-sm-12 control-label p-0">App Purchase Id <span
                                                    class="red">*</span></label>
                                            <input type="text" class="form-control" placeholder="App purchase id"
                                                name="session[0][in_app_purchase_id]" title="Please enter app purchase id" id="in_app_purchase_id0" required >
                                        </div>
                                        <div class="cols">
                                            <label for="cost" class="col-sm-12 control-label">&nbsp;</label>
                                            <button type="button" name="addsession" id="addsession"
                                                class="btn btn-success">Add</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group" style="margin-top:10px;">
                            <div class="row">
                                <div class="col-lg-6" id="frequency">
                                    <div class="col-sm-12">
                                        <label for="notification_status" class="control-label">Publish & Notification Send <input type="checkbox" name="notification_status" value="1" id="notification_status" onchange="reqChk(this)"></label>
                                    </div>
                                </div>
                            </div>
                        </div>


                        {{-- <div class="form-group" style="margin-top:10px;">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="col-sm-12">
                                        <label for="private_mode" class="control-label">Private Mode <input type="checkbox" name="private_mode" value="1" id="private_mode"></label>
                                    </div>
                                </div>
                                <div class="col-lg-6" id="private_mode_users_div" style="display:none;">
                                    <div class="col-sm-12">
                                        <label class="control-label">Users <span class="red">*</span></label>
                                        <select name="users[]" required id="users" multiple title="Please select users" class="form-control">
                                            @if($users)
                                            @foreach($users as $key=>$value)
                                            <option value="{{$value->id}}">{{$value->name}} / {{$value->email}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label for="users" class="error"></label>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                        <div class="form-group private_mode_div" style="display:none;margin-top:10px;">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="col-sm-12">
                                        <label for="private_mode" class="control-label">Private Mode <input type="checkbox" name="private_mode" value="1" id="private_mode"></label>
                                    </div>
                                </div>
                                <div class="col-lg-6" id="private_mode_users_div" style="display:none;">
                                    <div class="col-sm-12">
                                        <label class="control-label">Users <span class="red">*</span></label>
                                        <select name="users[]" required id="users" multiple title="Please select users" class="form-control">
                                            @if($users)
                                            @foreach($users as $key=>$value)
                                            <option value="{{$value->id}}">{{$value->name}} / {{$value->email}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label for="users" class="error"></label>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-sm-offset-2 col-sm-12 py-4 text-center" style="margin-top:10px;">
                            <button type="submit" class="btn btn-primary" id="btn-save" value="create">Add Therapy
                            </button>
                        </div>
                    </form>
                    <div style="clear:both;height:40px;"></div>
                </div>
            </div>
            
        </div>
    </div>
</div>
<div style="clear:both;height:60px;"></div>
<script type="text/javascript">
function reqChk(chkbox){
    if(chkbox.checked==false){
        $("#ffmpeg_m3u8").removeClass("error");
        $("label[for='ffmpeg_m3u8']").hide();
    }
}
function isNumber(evt,id)
{
	try{
        var charCode = (evt.which) ? evt.which : event.keyCode;
  
        
        if (charCode > 31 && (charCode < 48 || charCode > 57) )
            return false;

        return true;
	}catch(w){
		alert(w);
	}
}
function isNumberKey(evt,id)
{
	try{
        var charCode = (evt.which) ? evt.which : event.keyCode;
  
        if(charCode==46){
            var txt=document.getElementById(id).value;
            if(!(txt.indexOf(".") > -1)){
	
                return true;
            }
        }
        if (charCode > 31 && (charCode < 48 || charCode > 57) )
            return false;

        return true;
	}catch(w){
		alert(w);
	}
}
function sessiondays(n,m)
{
    var total = 0;
    if (n >1) {
    total = (n+((n-1)*m))+1
    }
    else if (n==1){
        if(m==0){total = n + 1 ; }
        else if(m>=1)
        {total = (n * m) + 2 ; }
    }
    return total;
}

$(document).ready(function() {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    
    // $('#therapy_type').on('change', function()
    // {
    //     // var therapy_type = $('#therapy_type').val();
    //     // if(therapy_type=="Free")
    //     // {
    //     //     $("#frequency").css("display", "none");
    //     //     $("#days").css("display", "none");
    //     //     $("#session").css("display", "none");
    //     // }
    //     // else
    //     // {
    //     //     $("#frequency").css("display", "block");            
    //     // }
    //     var therapy_type = $('#therapy_type').val();
    //         if (therapy_type == "Free") {
    //             $(".private_mode_div").css("display","block");
    //             $("#frequency").css("display", "none");
    //             $("#days").css("display", "none");
    //             $("#session").css("display", "none");
    //         } else {
    //             $("#frequency").css("display", "block");
    //             $(".private_mode_div").css("display","none");
    //             $("input[name='private_mode']").prop("checked",false);
    //             $("#private_mode_users_div").css("display", "none");
    //         }   
    //  });
    $('#therapy_type').on('change', function() {
            var therapy_type = $('#therapy_type').val();
            if (therapy_type == "Free") {
                $(".private_mode_div").css("display","block");
                $("#frequency").css("display", "none");
                $("#days").css("display", "none");
                $("#session").css("display", "none");
            } else {
                $("#frequency").css("display", "block");
                $(".private_mode_div").css("display","none");
                $("input[name='private_mode']").prop("checked",false);
                $("#private_mode_users_div").css("display", "none");
            }
        });
    var frequency_type = $('#frequency_type').val();
    if (frequency_type == "Days")
    {
        $("#session").css("display", "none");
        $("#days").css("display", "block");
    } else if (frequency_type == "Days") {
        $("#session").css("display", "none");
        $("#days").css("display", "block");
    } else if (frequency_type == "") {
        $("#session").css("display", "none");
        $("#days").css("display", "none");
    }
    $('body').on('change','.duration_type', function()
      {
          var id=$(this).data("id");
          var type = $('#duration_type_'+id).val();
          var d_cnt=$('#duration_count_'+id).val();
          if(type == "Lifetime" || type == "lifetime"){
              $('#duration_count_'+id).val('-');
              $('#duration_count_'+id).attr('readonly',true);
          }else{
            $('#duration_count_'+id).removeAttr('readonly');
            if(d_cnt=="-") $('#duration_count_'+id).val("");
          }
      });

        $('body').on('change', '#private_mode', function()
        {
            therapy_private_mode();
        });

        function therapy_private_mode(){
            if($("#private_mode").is(":checked")){
                $("#private_mode_users_div").show();
            }else{
                $("#private_mode_users_div").hide();
            }
        }
    
      //changing session days val starts
      $('body').on('change', '.no_session, .interval_days', function()
        {
            var id=$(this).data("id");
            var no_session = $("#no_session"+id).val();
            var interval_days = $("#interval_days"+id).val();
            if(interval_days==""){$("#interval_days"+id).val(0); interval_days = 0;}
            var interval_days = $("#interval_days"+id).val();
            no_session = parseInt(no_session);
            interval_days = parseInt(interval_days);
            var total = sessiondays(no_session,interval_days);
            $("#session_days"+id).val(total);
        });
        //end

    $('body').on('change', '#frequency_type', function()
    {
        var frequency_type = $('#frequency_type').val();
        if (frequency_type == "Session") {
            $("#days").css("display", "none");
            $("#session").css("display", "block");
            $("#addsession").click(function() {
                var t = $('#session').find('div[id*="testsession"]').length;
                if(t==""){t=1;}
                var i = t;
                console.log(i);
                if (i <= 5) {
                    //var total = $("#session["+i+"][no_session]").val() * $("#session["+i+"][interval_days]").val() + 1;
                    //alert(total);
                    $("#session").append(
                        '<div class="form-group" id="testsession"><div class="col-sm-12"><div class="row"><div class="col"><label for="no_session" class="col-sm-12 control-label p-0">No session <span class="red">*</span></label><select class="form-control no_session" id="no_session'+i+'" data-id="'+i+'" name="session[' +
                        i +
                        '][no_session]" required="" title="Please select no of session"><option value="">No of Session</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></div><div class="col"><label for="interval_days" class="col-sm-12 control-label p-0">Interval <span class="red">*</span></label><select class="form-control interval_days" id="interval_days'+i+'" name="session[' +
                        i +
                        '][interval_days]" required="" title="Please select interval" data-id="'+i+'"><option value="">Interval Days</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></div><div class="col"><label for="session_days" class="col-sm-12 control-label p-0">Total Session <span class="red">*</span></label><input type="text" class="form-control" placeholder="Session Days" name="session[' +
                        i +
                        '][session_days]" id="session_days'+i+'" required readonly data-id="'+i+'" title="Please enter total session"></div><div class="col"><label for="cost" class="col-sm-12 control-label p-0">Cost <span class="red">*</span></label><input type="text" class="form-control" placeholder="cost" name="session[' +
                        i +
                        '][cost]" id="cost'+i+'" required onkeypress="return isNumberKey(event,this.id)" title="Please enter cost"></div><div class="col"><label for="in_app_purchase_id'+i+'" class="col-sm-12 control-label p-0">App Purchase Id <span class="red">*</span></label><input type="text" class="form-control" placeholder="App purchase id" name="session[' +
                        i +
                        '][in_app_purchase_id]" id="in_app_purchase_id'+i+'" required title="Please enter app purchase id"></div><div class="cols"> <label class="col-sm-12 control-label">&nbsp; </label><button type="button" class="btn btn-danger remove-tr">Remove</button></div></div></div></div>'
                        );
                        i++;
                } else {
                    //i = t;
                    alert('Maximum 6 groups only allowed');
                }
            });

            $(document).on('click', '.remove-tr', function() {
                $(this).closest('#testsession').remove(); //Remove field html
            });
        } else if (frequency_type == "Days") {
            $("#session").css("display", "none");
            $("#days").css("display", "block");
            $("#add").click(function() {
                var k = $('#days').find('div[id*="test"]').length;
                if(k==""){k=1;}
                var i = k;
                if (i <= 5) {
                    $("#days").append(
                        '<div class="form-group" id="test"><div class="col-sm-12"><div class="row"><div class="col"><label for="duration_count" class="col-sm-12 control-label p-0">Duration <span class="red">*</span></label><input type="text" class="form-control" placeholder="Please Enter Duration Count"  name="days[' +
                        i +
                        '][duration_count]" id="duration_count_'+i+'"  data-id="'+i+'" required pattern= "[0-9]" title="Please Enter Number Value only" onkeypress="return isNumber(event,this.id)" ></div><div class="col"><label for="duration_type" class="col-sm-12 remov-0 control-label p-0">Month <span class="red">*</span></label><select class="form-control duration_type" id="duration_type_'+i+'" data-id="'+i+'" name="days[' +
                        i +
                        '][duration_type]" required title="Please select month"><option value="">-- Select Days / Month --</option><option value="Days">Days</option><option value="Month">Month</option><option value="Year">Year</option><option value="lifetime">Life Time</option></select></div><div class="col"><label for="cost" class="col-sm-12 p-0 control-label">Cost <span class="red">*</span></label><input type="text" class="form-control" placeholder="cost" name="days[' +
                        i +
                        '][cost]" id="cost_'+i+'" data-id="'+i+'" required pattern= "[0-9]" onkeypress="return isNumberKey(event,this.id)" title="Please enter total cost"></div><div class="col"><label for="in_app_purchase_id_'+i+'" class="col-sm-12 p-0 control-label">App Purchase Id <span class="red">*</span></label><input type="text" class="form-control" placeholder="App purchase id" name="days[' +
                        i +
                        '][in_app_purchase_id]" id="in_app_purchase_id_'+i+'" data-id="'+i+'" required title="Please enter app purchase id"></div><div class="cols"><label for="remove-tr" class="col-sm-12 control-label">&nbsp; </label><button type="button" class="btn btn-danger remove-tr">Remove</button></div></div></div></div>'
                        );
                        i++;
                } else {
                    //i = k;
                    alert('Maximum 6 groups only allowed');
                }
            });

            $(document).on('click', '.remove-tr', function() {
                $(this).closest('#test').remove(); //Remove field html
            });
        } else {
            $("#session").css("display", "none");
            $("#days").css("display", "none");
        }

    });

    /* When click edit user */
    $('body').on('click', '.edit-therapy', function() {
        var therapy_id = $(this).data('id');
        $.get("{{url('/get-therapy-list1/edit/') }}" + therapy_id, function(data) {
            $('#title-error').hide();
            $('#therapyModal').html("Edit therapy");
            $('#btn-save').val("edit-therapy");
            $('#ajax-therapy-modal').modal('show');
            $('#faqid').val(data.id);
            $('#therapy_title').val(data.therapy_title);
            $('#description').val(data.description);
            $('#therapy_type option:selected').text(data.therapy_type);
            $('#duration option:selected').text(data.duration);
            $('#frequency_type option:selected').text(data.frequency_type);
        })
    });
    $('body').on('click', '#delete-therapy', function() {
        var therapy_id = $(this).data("id");
        if (confirm("Are You sure want to delete !")) {
            $.ajax({
                type: "get",
                url: "{{url('/get-therapy-list1/delete')}}/" + therapy_id,
                success: function(data) {
                    $('#therapylist').DataTable().ajax.reload()
                    var oTable = $('#therapylist').dataTable();
                    oTable.fnDraw(false);
                },
                error: function(data) {
                    console.log('Error:', data);
                }
            });
        }
    });

    $.validator.addMethod( "extension", function( value, element, param ) {
	    param = typeof param === "string" ? param.replace( /,/g, "|" ) : "png|jpe?g|gif";
	    return this.optional( element ) || value.match( new RegExp( "\\.(" + param + ")$", "i" ) );
    }, $.validator.format( "Please enter a value with a valid extension." ) );


    $.validator.addMethod('filesize', function (value, element, param) {
        return this.optional(element) || (element.files[0].size <= param * 1000000)
    }, 'File size must be less than {0} MB');

    var token = $("input[name='_token']").val(); 

    if ($("#therapyForm").length > 0) {
        //$('#myField').rules('add', {min: 100});
        $("#therapyForm").validate({
            rules: {
                therapy_title: {
                    required: true,
                    remote: {
                            url: "{{url('/theraphy_check')}}",
                            async: false,
                            type: 'post',
                            dataType: 'json',
                            data:
                                {
                                    _token: token,
                                    therapy_title: function() {
                                        return $('#therapy_title').val();
                                    }
                                }
                            }
                },
                description: {
                    required: true,
                    minlength: 10,
                    maxlength: 300
                },
                therapy_type: {
                    required: true
                },
                duration: {
                    required: true,
                    maxlength: 12
                },
                frequency_type: {
                    required: true
                },
                duration_count:{
                    required: true,
                    digits:true
                },
                audio_file: {
                    required: true,                    
                    filesize: 200,
                }                
            },
            messages: {
                therapy_title: {
                    required: "Please enter therapy title",
                    remote: "Theraphy already exists. please try another one"
                },
                description: {
                    required: "Please enter therapy description",
                    maxlength: "Your last description maximum should be 250 characters long."
                },
                therapy_type: {
                    required: "Please select therapy type"
                },
                duration: {
                    required: "Please enter therapy duration",
                    maxlength: "Therapy duration maximum length should be 12 characters"
                },
                frequency_type: {
                    required: "Please select frequency type"
                },
                audio_file: {
                    required: "Please upload audio file",
                    filesize: "max file size 200mb",
                }              

            },

            submitHandler: function(form) {
                var actionType = $('#btn-save').val();
                $('#btn-save').html('Processing...');
                //$('#btn-save').attr('disabled','disabled');
                var formData = new FormData(form);
                $.ajax({
                    contentType: "multipart/form-data; charset=UTF-8",
                    data: $('#therapyForm').serialize(),
                    url: "{{url('/get-therapy-list1/store')}}",
                    type: "POST",
                    processData: false, // Important!
                    contentType: false,
                    cache: false,
                    data: formData,
                    dataType: 'json',
                    success: function(data)
                    {
                        console.log(data);
                        if(data.success==1)
                        {
                        $('#therapyForm').trigger("reset");
                        $('#ajax-therapy-modal').modal('hide');
                        $('#btn-save').html('Add Therapy');
                        toastr.success(data.msg);
                        $('#btn-save').removeAttr('disabled');
                        setTimeout(function(){// wait for 5 secs(2)
                            window.location.href = "{{ url('/get-therapy-list1') }}";
                        }, 2000); 
                        }
                        if(data.success==0)
                        {
                            toastr.error(data.msg);
                            $('#btn-save').html('Add Therapy');
                        }
                    },
                    error: function(data)
                    {   console.log(data);

                        if(data.success==0)
                        {
                            toastr.error(data.msg);
                            $('#btn-save').html('Add Therapy');
                            $('#btn-save').removeAttr('disabled');
                        }
                        else if(data.success==0)
                        {
                        toastr.error(data.msg);
                        $('#btn-save').html('Add Therapy');
                        $('#btn-save').removeAttr('disabled');
                        window.location.href = "{{ url('/get-therapy-list1') }}";
                        }
                    }
                });
            }
        })
    }
});
</script>
@endsection
@section('javascript')
<script type="text/javascript" src="{{ asset('assets/js/bootstrap-multiselect/js/bootstrap-multiselect.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#users').multiselect({
        nonSelectedText: 'Select',
        buttonWidth: '100%',
        enableClickableOptGroups: true,
        enableCollapsibleOptGroups: true,
        indentGroupOptions: false,
        enableFiltering: true,
        includeSelectAllOption: true,
        maxHeight: 250,
        numberDisplayed: 1,
        //disableIfEmpty: true
    });
});
</script>
@endsection