@extends('front.layouts.app')

@section('content')

    <div class="main-content-box ">
        <form id="step-form" @if(!empty($detail->review_pages) && !in_array(2,$detail->review_pages)) class="from-overlayer" @endif action="{!! route('front.step.two.submit') !!}" method="post"
              enctype='multipart/form-data'>
            @csrf
            <div class="height-counter d-flex  justify-content-between flex-column">
                <div class="login-box pad-t">
                    <div class="container">
                        <div class="row">
                            @include('front.common.review-alert',['number'=>2])
                            <div class="col-12  pad-x-100">
                                <div class="login-box-des">
                                    <div class="login-title">{{__('Provide details for your store & product.')}}</div>
                                    <!-- <div class="login-des">Please login with the same account that was provided to you to access the course on ammaromar.com</div> -->
                                </div>
                            </div>

                            <div class="col-12 pad-x-100">
                                <div class="row">

                                    <div class="col-12">
                                        <div class="input-style">
                                            <label>{{__('Idea Brief')}}
                                                <div class="characters">{{__('Enter text between 50 to 500 characters')}}</div>
                                                <span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <textarea class="ctm-textarea" name="idea" id="" cols="30" rows="10"
                                                      maxlength="500" minlength="50"
                                                      placeholder="{{__('Please give details about your store and product...')}}"
                                                      required>{{isset($store)? $store->idea: old('idea')}}</textarea>
                                            @include('front.common.alert',['input' => 'idea'])
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Business Phone No')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="tel" placeholder="{{__('Phone No')}}" class="ctm-input" dir="ltr"
                                                   name="phone" value="{{isset($store)? $store->phone: old('phone')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'phone'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Business Address')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('Business Address')}}"
                                                   class="ctm-input" name="address" minlength="15"
                                                   value="{{isset($store)? $store->address: old('address')}}" required>
                                            @include('front.common.alert',['input' => 'address'])
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="input-style">
                                            <label>{{__('Company Name as in the Trade License')}}<span
                                                        class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('Company Name')}}" class="ctm-input"
                                                   name="tl_company_name"
                                                   value="{{isset($store)? $store->tl_company_name: old('tl_company_name')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'tl_company_name'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Trade License Number')}}</label>
                                            <input type="text" placeholder="{{__('Trade License Number')}}"
                                                   class="ctm-input" name="tl_number"
                                                   value="{{isset($store)? $store->tl_number: old('tl_number')}}">
                                            @include('front.common.alert',['input' => 'tl_number'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style ">
                                            <label>{{__('Trade License Expiry Date')}}</label>
                                            <input type="text" placeholder="{{__('Expiry Date')}}" class="ctm-input"
                                                       name="tl_expiry" id="datetimepicker10"
                                                       value="{{isset($store->tl_expiry) && $store->tl_expiry > 0 ? $store->tl_expiry: old('tl_expiry')}}">
                                            @include('front.common.alert',['input' => 'tl_expiry'])
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label class="mb-2">{{__('Upload Trade License')}}</label>
                                            <div class="upload-sec d-flex align-items-center flex-wrap">
                                                <!-- image upload -->
                                                <div class="qust-filed mr-2">
                                                    <div class="form-control py-2 d-flex align-items-center justify-content-center">
                                                        <input type="file" id="choose-file" class="input-file d-none"
                                                               name="image" accept="image/*">
                                                        <label for="choose-file"
                                                               class="btn-tertiary js-labelFile d-flex align-items-center flex-column mb-0">
                                                            <i class="icon fa fa-plus-circle plus-icon"></i>
                                                            <span class="js-fileName heading Poppins-Regular">{{__('Add Image')}}</span>
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="more-view-image">
                                                    <div class="uploads d-flex align-items-center justify-content-center">
                                                        <img src="{{isset($store->tl_image)? imageUrl($store->tl_image, 100, 100, 95, 1): asset('assets/front/img/lg-licence-img.jpg')}}"
                                                             id="current_image" class="img-fluid img" alt="">
                                                        <input hidden name="image_set"
                                                               value="{{isset($store) ? 1 : 0}}">
                                                        <input hidden name="image_name" value="tl_image">
                                                    </div>
                                                    <a href="javascript:void(0)" id="remove-file"
                                                       class="placeholder-remove d-flex align-items-center justify-content-center">
                                                        <span class="line-1"></span>
                                                    </a>
                                                </div>
                                            </div>
                                            @include('front.common.alert',['input' => 'image'])
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @include('front.common.step-pages')
            </div>
        </form>
    </div>

@endsection

@push('script-page-level')
    <script>
        $(document).ready(function () {
            //Image file input change event
            $("#choose-file").change(function () {
                readImageData(this);//Call image read and render function
            });
            $("#remove-file").on('click', function () {
                $("#choose-file").val("");
                $('#current_image').attr('src', "{{asset('assets/front/img/lg-licence-img.jpg')}}");
            });

        });

        function readImageData(imgData) {
            if (imgData.files && imgData.files[0]) {
                var readerObj = new FileReader();
                readerObj.onload = function (element) {
                    $('#current_image').attr('src', element.target.result);

                }
                readerObj.readAsDataURL(imgData.files[0]);
            }
        }
    </script>
@endpush

@push('date-picker')
    <script>

        // $(document).ready(function () {
        $('#datetimepicker10').datepicker({
            format: 'yyyy/mm/dd',
            todayHighlight: true,
        });
        // });

    </script>
@endpush