@extends('layouts.auth')
@section('content')
@section('bodyClass', 'mobile_banner mobile_banner_minh_500')
<div class="">
    <div class="row align-items-center banner_layout login-form-align-center">
        <div class="col-md-7 contents pl-ipad-30">
            <p>{{ config('constants.auth_banner_text') }}</p>
        </div>
        <div class="col-md-5 carousel-contents">
            <div id="demo" class="carousel slide" data-bs-ride="carousel" data-bs-interval="false">
                <!-- The slideshow/carousel -->
                <div class="carousel-inner">
                    <div class="carousel-item ">

                    </div>
                    <div class="carousel-item">

                    </div>
                    <div class="carousel-item">

                    </div>
                    <div class="carousel-item active">
                        <div class="card_layout">
                            <form method="post" class="process-form" action="{{ route('studio.terms_conditions') }}">
                                @csrf
                                <div class="card_body">
                                    <h3 class="card_title">Terms & Conditions</h3>
                                    <div class="terms_layout">
                                        <h4 class="terms_head">1. DEFINITIONS</h4>
                                        <p>
                                            <strong>Confidential Information:</strong>
                                            means any information, any Customer data, or information which a reasonable
                                            person would deem sensitive or private in nature. Confidential Information
                                            can be provided verbally, written or any data uploaded into the FitForms
                                            Application.
                                        </p>
                                        <p>
                                            <strong>Customer:</strong>
                                            means the legal entity and individual(s) that accept the terms on any Order
                                            Form submitted to FitForms.
                                        </p>
                                        <p>
                                            <strong>Order Form:</strong>
                                            means any signed or agreed order for FitForms to provide a service to the
                                            Customer. In submitting the Order Form, the Customer agrees to the terms set
                                            out in this Agreement.
                                        </p>
                                        <p>
                                            <strong>Third Party Application:</strong>
                                            means any product, service, system, application or Internet site which
                                            communicates to a FitForms Application.
                                        </p>
                                        <p>
                                            <strong>FitForms Application:</strong>
                                            means any version of the FitForms software made available to the Customer
                                            Either party may terminate this Agreement immediately if there is a
                                            significant breach of the Agreement which cannot be rectified.
                                        </p>
                                    </div>
                                    <div class="box_checkbox  d-flex align-items-center">
                                        <input type="checkbox" name="terms_condition" id="terms_condition" value="1"
                                            {{ auth()->user()->terms_conditions == 1 ? 'checked' : ''}} />
                                        <label for="terms_condition"></label>
                                        <span>I agree with the Terms & Conditions</span>
                                    </div>
                                    <span id="custom-error_terms_condition"></span>
                                    <button type="submit" class="profile-btn">
                                        <img src="{{ asset('images/tick.svg') }}" alt="arrow" class="ms-0 me-2">
                                        Finish
                                    </button>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Indicators/dots -->
            @include('studio.slider_buttons')
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
$(document).on('click', '.business-save-btn', function() {
    $('.business-details .has-error').remove();
    var formData = new FormData();
    formData.append('business_type', $('input[name="business_type"]:checked').val());
    formData.append('business_name', $('#business_name').val());
    formData.append('logo', $('#logo')[0].files[0]);
    formData.append('business_address', $('#business_address').val());
    formData.append('page', $('#page').val());
    if ($('#studio-id').val()) {
        formData.append('business_id', $('#studio-id').val());
    }
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.ajax({
        type: "post",
        url: "{{ route('studio.business.store') }}",
        data: formData,
        processData: false,
        contentType: false,
        dataType: 'json',
        success: function(response) {
            if (response.status == 0) {
                $('.business-details .has-error').remove();
                $.each(response.errors, function(key, value) {
                    if ($(".business-details #custom-error_" + key)
                        .length) { // this is for custom error placement
                        $(".business-details #custom-error_" + key).after(
                            '<span class="has-error text-danger">' + value + '</span>');
                    } else {
                        $(".business-details [name='" + key + "']").after(
                            '<span class="has-error text-danger">' + value + '</span>');
                    }
                });
            }
            if (response.status == 1) {
                $('#studio-list').html(response.html);
                $('#business_name, #business_address, #logo, #studio-id').val('')
                $('.studio-delete-btn').addClass('d-none');
            }
        },
        error: function(error) {}
    });
});

$(document).on('click', '.btn-edit-studio', function() {
    $('.business-details .has-error').remove();
    $('#studio-id').val($(this).attr("data-id"))
    $('#business_name').val($(this).attr("data-name"));
    $('#business_address').val($(this).attr("data-address"))
    $('input[value="' + $(this).attr("data-type") + '"]').prop("checked", true)
    $('.studio-delete-btn').removeClass('d-none');
});

$(document).on('click', '.studio-delete-btn', function() {
    var result = confirm("Want to delete?");
    if (result) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            type: "post",
            url: "{{ route('studio.business.delete') }}",
            data: {
                studio_id: $('#studio-id').val()
            },
            dataType: 'json',
            success: function(response) {
                $('#studio-list').html(response.html);
                $('#business_name, #business_address, #logo, #studio-id').val('')
            },
            error: function(error) {}
        });
    }

});

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function(e) {
            //$('.image_upload_wrap').hide();

            // $('.custom_image').attr('src', e.target.result);
            $('.custom_image').html('<img id="theImg" width="100" src="' + e.target.result +
                '" alt="custom image" />')
            $('.file-upload-content').show();

            $('.image-title').html(input.files[0].name);
        };

        reader.readAsDataURL(input.files[0]);

    } else {
        removeUpload();
    }
}

function removeUpload() {
    $('.file-upload-input').replaceWith($('.file-upload-input').clone());
    $('.file-upload-content').hide();
    $('.image_upload_wrap').show();
}

$('.image_upload_wrap').bind('dragover', function() {
    $('.image_upload_wrap').addClass('image-dropping');
});
$('.image_upload_wrap').bind('dragleave', function() {
    $('.image_upload_wrap').removeClass('image-dropping');
});

$(document).ready(function() {
    $('.banner').removeClass('mobile_banner_img');
});
</script>
@endpush('scripts')