@extends('Frontend.partials.layout')

@section('content')
<section class="own-analysis-create">
    <div class="row analysis_header_flex">
        <div class="col-md-6">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{ __('action.page_heading2_own_analysis_list', ['siteName' => env('APP_NAME')]) }}</h2>
                    <p>{{__('action.page_heading2_user_list', ['siteName' => env('APP_NAME')])}}</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="add-new-menu-button text-right m-mt-10" >
                <a href="{{ route('ownAnalysis.ownAnalysis') }}">
                    <button class="btn btn-success">
                        <i class="fas fa-th-list mr-2"></i> {{__('action.overview_analysis')}}
                    </button>
                </a>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            
            <div class="card">
                <div class="card-header">
                    <h4>{{ __('action.update_analyasis') }}</h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('ownAnalysis.update', [$analyses->id]) }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label mb-2">{{__('action.sub_menu')}}<span class="text-danger">&nbsp;*</span></label>
                                    <select name="user_submenu_id" class="custom-select">
                                        <option value="">{{ __('action.select_submenu') }}</option>
                                        @if (!empty($user_submenus))
                                            @foreach ($user_submenus as $submenu)
                                                <option value="{{$submenu->id}}" {{ $submenu->isChecked ? 'selected':'' }}>{{$submenu->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if ($errors->has('user_submenu_id'))
                                        <span class="text-danger small" role="alert">
                                            <strong>{{ $errors->first('user_submenu_id') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.name') }} <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" placeholder="{{ __('action.analysis_name') }}" id="name"  name="name" value="{{$analyses->name}}">
                                    @if ($errors->has('name'))
                                        <span class="text-danger small" role="alert">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.sub_title') }}</label>
                                    <input type="text" class="form-control" placeholder="{{ __('action.sub_title') }}" id="title" name="title" value="{{$analyses->title}}">
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.url_name') }}</label>
                                    <input type="text" class="form-control" placeholder="{{ __('action.url_name') }}" id="url_name" name="url_name" value="{{$analyses->url_name}}">
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.url_link') }}</label>
                                    <input type="text" class="form-control" placeholder="{{ __('action.url_link') }}" id="url_link" name="url_link" value="{{$analyses->url_link}}">
                                </div>
                                
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.pmin_value_add') }}</label>
                                    <input type="text" class="form-control" placeholder="10" id="ana_min_price" name="ana_min_price" value="{{$analyses->ana_min_price}}">
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.pmax_value_add') }}</label>
                                    <input type="text" class="form-control" placeholder="20" id="ana_max_price" name="ana_max_price" value="{{$analyses->ana_max_price}}">
                                </div>
                                <div class="form-group own-audio">
                                    <label class="form-label w-100 mb-2">{{ __('action.all_audio') }}</label>
                                    
                                    <input type="file" id="ana_audio" name="ana_audio[]" multiple="multiple" accept="audio/mp3">

                                    <div style="height:80px;overflow-y:auto">
                                        @foreach ($analysesAudio as $audio)
                                            @if (!empty($audio->audio))
                                            <audio style="opacity: 1 !important" controls>
                                                <source src="{{ url(Storage::disk('ownaudio')->url($audio->audio)) }}">
                                            </audio>
                                            <button type="button" onclick="deleteAnalyseAudio({{$audio->id}})" id="delete-post" class="btn btn-danger delete-post">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                            @endif
                                        @endforeach
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.main_desc') }}</label>
                                    <textarea rows="5" class="form-control" id="main_desc" name="description">{{old('description') ?? $analyses->description}}</textarea>
                                </div>
                                <div class="form-group">
                                    <label class="form-label w-100 mb-2">{{ __('action.desc_img') }}</label>
                                    
                                    @if (!empty($analyses->desc_image))
                                        <div id="desc_img">
                                            <img src="{!! url(Storage::disk('images')->url($analyses->desc_image)) !!}" alt="img" width="50" height="50">
                                            {{-- <img src="{!! asset('/storage/analyse/images/description/'. $analyses->desc_image) !!}" alt="img" width="50" height="50"> --}}
                                            <i class="fa fa-trash text-danger ml-2" data-toggle="tooltip" data-placement="top" title='{{ trans('action.confirm_alt_remove_affilated') }}' onclick="deleteDescImg({{$analyses->id}})"></i>
                                        </div>
                                    @else
                                        <input type="file" id="desc_image" name="desc_image" accept="image/jpg,image/png,image/jpeg">
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2">{{ __('action.body_desc') }}</label>
                                    <textarea rows="5" class="form-control" id="body_desc" name="body_desc">{!! strip_tags($analyses->body_desc) !!}</textarea>
                                </div>
                                <div class="form-group">
                                    <style>
                                      .main-js-card{
                                        gap: 20px;
                                      }
                                    </style>

                                    <div class="main-card-area" style="display: flex;flex-wrap: wrap;align-items: center; max-width: 100%;">
                                        <div class="input-form">
                                            <label class="form-label w-100 mb-2">{{ __('action.body_img') }}</label>
                                        <input type="file" id="body_image" name="body_image[]" accept="image/jpg,image/png,image/jpeg" multiple="multiple"> 
                                        </div>
                                        @if(count($bodyImage))
                                            @foreach ($bodyImage as $img)
                                                <div class="card" style="max-width:14%;position: reletive;">
                                                    @if (!empty($img->image)) 
                                                        <div class="js-card d-flex align-items-center">
                                                            <div class="col-md-8">
                                                                <img src="{!! url(Storage::disk('images')->url($img->image)) !!}" alt="img" width="50" height="50">
                                                                {{-- <img src="{!! asset('/storage/analyse/images/body/'. $img->image) !!}" alt="img" width="50" height="50"> --}}
                                                            </div>
                                                            <div class="col-md-4">
                                                                <i class="fa fa-trash text-danger ml-2" data-toggle="tooltip" data-placement="top" title='{{ trans('action.confirm_alt_remove_affilated') }}' onclick="deleteBodyImg('{{$img->id}}')"></i>
                                                            </div> 
                                                        </div> 
                                                    @endif
                                                </div>
                                            
                                            @endforeach
                                        @endif
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label mb-2">{{ __('action.mental_desc') }}</label>
                                        <textarea class="form-control" id="mental_desc" name="mental_desc" rows="5">{!! strip_tags($analyses->mental_desc) !!}</textarea>
                                    </div>
                                    <div class="main-card-area" style="display: flex;flex-wrap: wrap;align-items: center; max-width: 100%;">
                                        <div class="input-form">
                                            <label class="form-label w-100 mb-2">{{ __('action.mental_desc') }}</label>
                                        <input type="file" id="mental_desc" name="mental_desc[]" accept="image/jpg,image/png,image/jpeg" multiple="multiple"> 
                                        </div>
                                        @if(count($mentalImage))
                                            @foreach ($mentalImage as $img)
                                                <div class="card" style="max-width:14%;position: reletive;">
                                                    @if (!empty($img->image)) 
                                                        <div class="js-card d-flex align-items-center">
                                                            <div class="col-md-8">
                                                                <img src="{!! url(Storage::disk('images')->url($img->image)) !!}" alt="img" width="50" height="50">
                                                                {{-- <img src="{!! asset('/storage/analyse/images/body/'. $img->image) !!}" alt="img" width="50" height="50"> --}}
                                                            </div>
                                                            <div class="col-md-4">
                                                                <i class="fa fa-trash text-danger ml-2" data-toggle="tooltip" data-placement="top" title='{{ trans('action.confirm_alt_remove_affilated') }}' onclick="deleteMentalImg('{{$img->id}}')"></i>
                                                            </div> 
                                                        </div> 
                                                    @endif
                                                </div>
                                            
                                            @endforeach
                                        @endif
                                    </div>

                                </div>
                                
                            </div>
                            <div class="col-md-12 p-0">
                                <div class="form-group pull-right">
                                    <button type="submit" class="btn btn-success"><i class="fas fa-edit">&nbsp;</i>{{__('action.update')}}</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <form id="deleteBodyImgForm" action="{{ route('ownAnalysis.deleteBodyImg') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('delete')
                        <input type="hidden" name="id" id="deleteBodyImgByID">
                    </form>
                    <form id="deleteMentalImgForm" action="{{ route('ownAnalysis.deleteMentalImg') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('delete')
                        <input type="hidden" name="id" id="deleteMentalImgByID">
                    </form>
                    <form id="deleteBodyAudioForm" action="{{ route('ownAnalysis.deleteBodyAudio') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('delete')
                        <input type="hidden" name="id" id="deleteBodyAudioByID">
                    </form>
                    <form id="deleteMentalAudioForm" action="{{ route('ownAnalysis.deleteMentalAudio') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('delete')
                        <input type="hidden" name="id" id="deleteMentalAudioByID">
                    </form>
                    <form id="deleteAnalyseAudioForm" action="{{ route('ownAnalysis.deleteAnalyseAudio') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('delete')
                        <input type="hidden" name="id" id="deleteAnalyseAudioByID">
                    </form>
                    <script>
                        function deleteBodyImg(id){
                            Swal.fire({
                                title: `{{__('action.areyousure')}}`,
                                text: `{{__('action.confirm_alt_analysis_img')}}`,
                                icon: `{{__('action.warning')}}`,
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: `{{__('action.Yes_delete_it')}}`,
                                cancelButtonText: `{{__('action.cancel')}}`
                            }).then((result) => {
                                if (result.value) {
                                    $("#deleteBodyImgByID").val(id);
                                    $("#deleteBodyImgForm").submit();
                                }
                            })
                        }
                        function deleteDescImg(id){
                            Swal.fire({
                                title: `{{__('action.areyousure')}}`,
                                text: `{{__('action.confirm_alt_analysis_img')}}`,
                                icon: `{{__('action.warning')}}`,
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: `{{__('action.Yes_delete_it')}}`,
                                cancelButtonText: `{{__('action.cancel')}}`
                            }).then((result) => {
                                $.ajax({
                                    type: "POST",
                                    url: "{{ route('ownAnalysis.desc_img') }}",
                                    data: {id: id},
                                    success: function(res) {
                                        $("#desc_img").remove();
                                        toastr.success(res.notification.message);
                                    }
                                });
                            })
                        }
                        function deleteMentalImg(id){
                            Swal.fire({
                                title: `{{__('action.areyousure')}}`,
                                text: `{{__('action.confirm_alt_analysis_img')}}`,
                                icon: `{{__('action.warning')}}`,
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: `{{__('action.Yes_delete_it')}}`,
                                cancelButtonText: `{{__('action.cancel')}}`
                            }).then((result) => {

                                if (result.value) {
                                    $("#deleteMentalImgByID").val(id);
                                    $("#deleteMentalImgForm").submit();
                                }
                            })
                        }

                        function deleteAnalyseAudio(id){
                            Swal.fire({
                                title: `{{__('action.areyousure')}}`,
                                text: `{{__('action.confirm_alt_analysis_audio')}}`,
                                icon: `{{__('action.warning')}}`,
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: `{{__('action.Yes_delete_it')}}`,
                                cancelButtonText: `{{__('action.cancel')}}`
                            }).then((result) => {
                                if (result.value) {
                                    $("#deleteAnalyseAudioByID").val(id);
                                    $("#deleteAnalyseAudioForm").submit();
                                }
                            })
                        }
                    </script>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection