@extends('crudbooster::admin_template')
@push('head')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/select2.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/application_backend.css') }}">
    <link href="{{ asset('vendor/crudbooster/assets/summernote/summernote.css') }}" rel="stylesheet">
    <style type="text/css">
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #000;
            border: none;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #fff;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            padding: 2px 5px 5px;
            width: 100%;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 20px;
        }
        .mt-5{
            margin-top: 20px !important;
        }
        .wrapper-img{
            width: 150px;
        }
        .wrapper-img img{
            height: 140px;
        }
        .delete-btn {
            position: absolute;
            left: 10%;
            top: 50%;
        }
    </style>
@endpush
@push("bottom")
@include('JSBlade.MJsblade')

<script type="text/javascript" src="{{ asset('js/select2.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/application_backend.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendor/crudbooster/assets/summernote/summernote.min.js') }}"></script>
<script>
    $(function(){
        $('.summernote').summernote({
            height: 100,                 // set editor height
            minHeight: null,             // set minimum height of editor
            maxHeight: null,             // set maximum height of editor
        });

    })

    function add_more_body_img() {
      $('.add_more_body_img_show').append('<div id="filediv">  <input type="file" class="form-control" id="body_desc_img[]" name="body_desc_img[]" accept="image/*" /></div>');
    }
    function add_more_mental_img() {
      $('.add_more_mental_img_show').append('<div id="filediv_mental_img"><input type="file" class="form-control" id="mental_desc_img" name="mental_desc_img[]" accept="image/*" /></div>');
    }
    function add_more_body_audio_file() {
      $('.body_audio_show').append('<div id="filediv_body_audio"><input type="file" class="form-control" id="body_audio" name="body_audio[]" accept="audio/*" /></div>');
    }
    function add_more_mental_audio_file() {
      $('.mental_audio_show').append('<div id="filediv_body_audio"><input type="file" class="form-control" id="body_audio" name="mental_audio[]" accept="audio/*" /></div>');
    }


</script>

@endpush


@section('content')

<!-- Your html goes here -->
<div class='panel panel-default efit-add-product'>
    <div class='panel-body'>
        <form method='post' enctype="multipart/form-data" action='{{CRUDBooster::mainpath('edit')}}'>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">

            <input type="hidden" name="id" value="{{$analyse->id}}">
            <div class="box-body" id="parent-form-area">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.select_pool')}}<span class="text-danger"
                                    title="This field is required">*</span></label>
                                <select class="form-control" data-ids="{{ $analyse->pools->pluck('id') }}" selectBoxLive="true" data-table="pools" data-column="pool_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="pool_id" name="pool_id[]" multiple required="">
                                    
                                </select>

                            <div class="text-danger">{{$errors->has('pool_id')? $errors->first('pool_id'): " "}}</div>

                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">Name <span class="text-danger"
                                    title="This field is required">*</span></label>
                            <input type="text" id="name" value="{{ $analyse->name }}"  required name="name" class="form-control"
                                required="">
                            <div class="text-danger">
                                {{$errors->has('name')? $errors->first('name'): " "}}</div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Sub_Title')}}<span class="text-danger"
                                    title="This field is required"></span></label>
                            <input type="text" class="form-control" value="{{ $analyse->title }}" id="title"
                                name="title">
                            <div class="text-danger">
                                {{$errors->has('title')? $errors->first('title'): " "}}</div>
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">URL Name 
                            <input type="text" id="name" value="{{ $analyse->url_name }}"  name="url_name" class="form-control">
                            <div class="text-danger">
                                {{$errors->has('name')? $errors->first('name'): " "}}</div>
                        </div>
                    </div><div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">URL Link
                            <input type="text" id="name" value="{{ $analyse->url_link }}"  name="url_link" class="form-control">
                            <div class="text-danger">
                                {{$errors->has('name')? $errors->first('name'): " "}}</div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <label class="control-label">
                            Description
                            <!--<span class="text-danger" title="This field is required">*</span>-->
                        </label>

                        <textarea type="text" rows="3" class="form-control summernote" name="description" placeholder="Please add description">{{ $analyse->description }}</textarea>

                        <div class="text-danger">{{$errors->has('description')? $errors->first("description") :"" }}
                        </div>
                    </div>

                    <div class="col-md-12 mt-5">
                        <div class="col-md-6"><label class="control-label">
                                Global Description Image
                                {{--<span class="text-danger" title="This field is required">*</span>--}}
                            </label>

                            <input type="file" class="form-control" id="desc_image" name="desc_image" accept="image/*" />

                            <div class="text-danger">
                                {{$errors->has('desc_image')? $errors->first("desc_image") :"" }}
                            </div>
                        </div>
                        <div class="col-md-6">
                            @if($analyse->desc_image != '')
                            <div class="wrapper-img">
                                <img id="desc_image_src" data-id="{{$analyse->id}}"  src="{!! url(Storage::disk('images')->url($analyse->desc_image)) !!}" alt="">
                                <a href="javascript:void(0)" class="delete-btn btn btn-danger" onclick="deleteDescImage()">Delete</a>
                            </div>
                            @endif

                        </div>
                    </div>

                    <div class="col-md-12 mt-5">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="Test Time"><i class="fa fa-image">&nbsp;</i>{{__('action.Body_Description_Image')}}</label>
                                <button type="button" class="btn btn-info btn-md" data-toggle="modal"
                                    data-target="#myModallbodyimg">{{__('action.Body_Description_Image')}}</button>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="Test Time"><i class="fa fa-image">&nbsp;</i>{{__('action.Mental_Description_Image')}}</label>
                                <button type="button" class="btn btn-info btn-md" data-toggle="modal"
                                    data-target="#myModal_mental_img">{{__('action.Mental_Description_Image')}}</button>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Body_Description')}} <span class="text-danger"
                                    title="This field is "></span></label>
                            <textarea id="body_desc" name="body_desc" class="form-control summernote" rows="5"
                                cols="80">{!! strip_tags( $analyse->body_desc) !!}</textarea>
                            <div class="text-danger">{{$errors->has('body_desc')? $errors->first('body_desc'): " "}}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Mental_Description')}}<span class="text-danger"
                                    title="This field is "></span></label>
                            <textarea id="mental_desc" name="mental_desc" class="form-control summernote" rows="5"
                                cols="80">{!! strip_tags($analyse->mental_desc) !!}</textarea>
                            <div class="text-danger">{{$errors->has('mental_desc')? $errors->first('mental_desc'): " "}}
                            </div>

                        </div>
                    </div>

                    <div class="col-md-6 form-group">
                        <label for="Test Time"><i class="fa fa-music">&nbsp;</i>{{__('action.Body_Audio')}}</label>
                        <select class="form-control" data-ids="{{ $analyse->bodyaudios->pluck('audio_id') }}" selectBoxLive="true" data-table="audios" data-column="original_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="bodyAudios" name="body_audio[]" tabindex="-1" aria-hidden="true" multiple>
                            {{-- <option value="" >Select Audio</option>
                            @foreach ($audios as $audio)
                            <option value="{{$audio->id}}" @foreach ((array) $analyse->bodyaudios as $addproduct)
                                @for ($i = 0; $i < count($addproduct); $i++)
                                    {{($addproduct[$i]->audio_id==$audio->id)? "selected":""}} @endfor
                                    @endforeach>
                                    {{$audio->original_name}}
                            </option>
                            @endforeach --}}
                        </select>
                        <p class="help-block"></p>
                    </div>

                    <div class="col-md-6 form-group">
                        <label for="m_audio"><i class="fa fa-music">&nbsp;</i>{{__('action.Mental_Audio')}}</label>
                        <select class="form-control" data-ids="{{ $analyse->audiomentals->pluck('audio_id') }}" selectBoxLive="true" data-table="audios" data-column="original_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="mentalAudios" name="mental_audio[]" tabindex="-1" aria-hidden="true" multiple>
                            {{-- <option value="">Select Audio</option>
                            @foreach ($audios as $audio)
                            <option value="{{$audio->id}}" @foreach ((array) $analyse->audiomentals as $addproduct)
                                @for ($i = 0; $i < count($addproduct); $i++)
                                    {{($addproduct[$i]->audio_id==$audio->id)? "selected":""}} @endfor
                                    @endforeach>
                                    {{$audio->original_name}}
                            </option>
                            @endforeach --}}
                        </select>
                        <p class="help-block"></p>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.bioryth')}} <span class="text-danger"
                                    title="This field is required"></span></label>
                            <input type="text" id="bioryth" name="bioryth" class="form-control"
                                value="{{ $analyse->bioryth }}">
                            <div class="text-danger">{{$errors->has('bioryth')? $errors->first('bioryth'): " "}}</div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="col-md-12">
                            <h4><b>{{__('action.Price/Time')}}</b></h4>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group bb">
                                <label for="p_min" class="text-primary">{{__('action.min_value')}}
                                <input type="text" id="ana_min_price"  value="{{ $analyse->ana_min_price }}"
                                    name="ana_min_price" class="form-control number-only">
                                <div class="text-danger">
                                    {{$errors->has('ana_min_price')? $errors->first('ana_min_price'): " "}}</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group bb">
                                <label for="p_max" class="text-primary">{{__('action.max_value')}}
                                <input type="text" id="an_max_price"  value="{{ $analyse->ana_max_price }}"
                                    name="ana_max_price" class="form-control number-only">
                                <div class="text-danger">
                                    {{$errors->has('ana_max_price')? $errors->first('ana_max_price'): " "}}</div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group bb" style="padding-left:20px;">
                        <label for="m_audio"><i class="fa fa-music">&nbsp;</i>Analysis Audio</label>
                        <select class="form-control" data-ids="{{ $analyse->analyesaudios->pluck('audio_id') }}" selectBoxLive="true" data-table="audios" data-column="original_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="analysisAudios" name="anaylse_audio" tabindex="-1" aria-hidden="true">
                                {{-- <option value="">Select Audio</option>
                                @foreach ($audios as $audio)
                                <option value="{{$audio->id}}" @foreach ((array) $analyse->analyesaudios as $addproduct)
                                    @for ($i = 0; $i < count($addproduct); $i++)
                                        {{($addproduct[$i]->audio_id==$audio->id)? "selected":""}} @endfor
                                        @endforeach>
                                        {{$audio->original_name}}
                                </option>
                                @endforeach --}}
                            </select>
                            <p class="help-block"></p>
                    </div>

                    <div class="col-md-12 " >
                        <div class="d-flex justify-content-between align-items-center" style="float: right">
                            <a href="{{ url('admin/analyses') }}" class="btn btn-default "><i
                                class="fa fa-chevron-circle-left"></i> {{__('action.intro_prev')}}</a>
                            <input type="submit" name="submit" value="Update" class="btn btn-success"
                                style="padding: 6px 21px">
                        </div>

                    </div>
                </div>

                <!-- Body Image Uploads -->
                <div class="modal fade" id="myModall" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">{{__('action.Upload_Body_Images')}}</h4>
                            </div>
                            <div class="modal-body popup_panel_body">
                                <div class="field" align="left">
                                    <!-- <h3>Upload your images</h3> -->
                                    <div id="filediv">
                                        <input type="file" class="form-control" id="body_desc_img[]"
                                            name="body_desc_img[]" accept="image/*" />
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- //For Body Image showes --}}
                <div class="modal fade" id="myModallbodyimg" role="dialog">

                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">{{__('action.Upload_Mental_Images')}}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">


                                <div class="show-img-list">
                                    <div class="msg"></div>
                                    <table class="sil-table" width="60%" style="margin:0 auto;">
                                        <tbody>
                                            @foreach ($analyse->bodyimages as $body_img)

                                            <tr>
                                                <td>
                                                    <img src="{{ url(Storage::disk('images')->url($body_img->image)) }}"
                                                        alt="Girl in a jacket" style="height:60px;weight:50px"></td>
                                                <td>
                                                    <a data-key="bodyimg" type=""
                                                        href="{{ url('Majax/analyse_delete/'.$body_img->id)}}"
                                                        class="btn btn-danger pull-right delete_data"
                                                        name="button">{{__('action.delete')}}</a>
                                                </td>
                                            </tr>
                                            @endforeach

                                        </tbody>
                                    </table>

                                </div>
                                <div class="sil-input-group">
                                    <h2 class="sig-title">{{__('action.Upload_Body_Images')}}</h2>
                                    <input type="file" class="form-control img-up-field" id="body_desc_img[]"
                                        name="body_desc_img[]" accept="image/*" />

                                    <div class="add_more_body_img_show">

                                    </div>
                                    <input type="button" id="add_more" class="upload body_img"
                                        onclick="add_more_body_img()" value="Add More Files" />
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{__('action.close')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- For Mental Image Show and edit  --}}
                <div class="modal fade" id="myModal_mental_img" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Mentales Bild zeigen</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="msg"></div>
                                <style>
                                    .sil-table tr td {
                                        vertical-align: middle;
                                    }

                                    .sil-table tr td img {
                                        height: 80px;
                                        width: 80px;
                                    }

                                    .img-up-field {
                                        display: block;
                                        border: 1px solid #c7c8cc;
                                        width: 100%;
                                        padding: 4px;
                                        border-radius: 5px;
                                        margin-bottom: 5px;
                                    }

                                    .sig-title {
                                        font-size: 16px;
                                        letter-spacing: 0;
                                        color: #222;
                                        margin-bottom: 5px;
                                    }

                                    .sil-input-group {
                                        border-top: 1px solid #c7c8cc;
                                        margin-top: 10px;
                                    }
                                </style>
                                <div class="show-img-list">
                                    <table class="sil-table" width="60%" style="margin:0 auto;">
                                        <tbody>
                                            @foreach ($analyse->mentalimages as $keys=>$mental_img)
                                            <tr id="{{$keys}}">
                                                <td><img src="{{ url(Storage::disk('images')->url($mental_img->image)) }}"
                                                        alt=""></td>
                                                <td>
                                                    <a data-key="mentalimage"
                                                        href="{{ url('Majax/analyse_delete/'.$mental_img->id)}}"
                                                        class="btn btn-danger delete_data pull-right"
                                                        name="button">Delete</a>
                                                </td>
                                                @endforeach
                                        </tbody>
                                    </table>

                                </div>

                                <div class="sil-input-group">
                                    <h2 class="sig-title">{{__('action.close')}}</h2>
                                    <input type="file" class="form-control img-up-field" id="mental_desc_img"
                                        name="mental_desc_img[]" accept="image/*" />
                                    <div class="add_more_mental_img_show">

                                    </div>

                                    <input type="button" id="add_more_mental_audio"
                                        class="add_more_mental_audio body_img" onclick="add_more_mental_img()"
                                        value="Add More Files" />
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{__('action.close')}}</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
@endsection
<script>
    function deleteDescImage(){
        swal({
            title: "Are you sure ?",
            text: "You will not be able to recover this record data!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#ff0000",
            confirmButtonText: "Yes!",
            cancelButtonText: "No",
            closeOnConfirm: false },
            function(){
                location.href="{{ CRUDBooster::mainpath('imageremove/'.$analyse->id)}}"
            });
    }
</script>