@extends("AdminSide.Layout")

@section("content")

    @if($file === null)
        <div class="col-xs-12">
            <div class="row">
                <div class="box-content">
                    <form data-toggle="validator" method="post" action="{{route("adminProfilePictureStore")}}"
                          enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="saveKey"
                               value="{{md5(rand(10000000,999999999).time().microtime())}}">
                        <div class="box-content">
                            <h4 class="box-title">ابعاد مناسب برای تصویر پروفایل: 505 *570 </h4>
                            <input type="file" style="" id="_image" name="_image" class="dropify"/>
                            <div class="help-block with-errors"></div>
                            @error('_image')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                            @enderror
                        </div>


                        <div class="form-group">
                            <button type="submit" class="btn btn-sm btn-primary waves-effect waves-light"
                                    style="background-color: #28988f">ذخیره
                            </button>
                        </div>
                    </form>
                </div>
                <!-- /.box-content -->
            </div>
        </div>
        <!-- /.col-xs-12 -->
    @else
        <form action="{{route('adminProfilePictureDelete')}}" method="POST" id="delete_profile_picture">
            @csrf
        </form>
        <div class="col-xs-12">
            <div class="row">
                <div class="box-content">
                    <form data-toggle="validator" method="post" action="{{route("adminProfilePictureEdit")}}"
                          enctype="multipart/form-data">
                        @csrf
                        <div class="box-content"
                             style="background-image: url('{{$base_urls['adminsUploads']}}{{$file}}');background-repeat: no-repeat;background-size: cover">
                            <h4 class="box-title">ابعاد مناسب برای تصویر پروفایل: 505 *570 </h4>
                            <input type="file" data-default-file="{{$base_urls['adminsUploads']}}{{$file}}"
                                   id="_image" name="_image" class="dropify"/>
                            <div class="help-block with-errors"></div>
                            @error('_image')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                            @enderror
                        </div>


                        <div class="form-group">
                            <button type="submit" class="btn btn-sm btn-primary waves-effect waves-light"
                                    style="background-color: #28988f">ذخیره
                            </button>
                            <a type="submit" class="btn btn-sm" style="color: black" onclick="delete_alert()">حذف</a>
                        </div>
                    </form>
                </div>
                <!-- /.box-content -->
            </div>
        </div>
        <!-- /.col-xs-12 -->
        <script>
            function delete_alert() {
                swal({
                    title: "آیا مایل به حذف تصویر پروفایل خود هستید؟",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#28988f',
                    cancelButtonColor: '#d33',
                    confirmButtonText: "بله",
                    cancelButtonText: "خیر",
                    closeOnCancel: true,
                    closeOnConfirm: true,
                }, function (isConfirm) {
                    if (isConfirm) {


                        $("#delete_profile_picture").submit();


                    } else {
                    }
                })
            }
        </script>

    @endif

@endsection