@extends('admin.template.layout')

@section('content')

    <style>
        #parsley-id-5 {
            bottom: 0px;
        }
    </style>
    <div class="card mb-5">
        <div class="card-body">

            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12  layout-spacing">
                @if (session('error'))
                    <div class="alert alert-danger alert-dismissable custom-danger-box" style="margin: 15px;">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong> {{ session('error') }} </strong>
                    </div>
                @endif
                <div class="">

                    <div class="mt-4">
                        <form method="post" action="{{ url('admin/our_customers/update') }}" id="admin-form"
                            enctype="multipart/form-data" data-parsley-validate="true">
                            @csrf
                            <div class="row">
                                <input type="hidden" value="{{ $customer->id }}" name="id">
                                <div class=" col-md-6 form-group">
                                    <label for="name">Name</label>
                                    <input type="text" name="name" id="name" value="{{ $customer->name }}"
                                        class="form-control jqv-input" placeholder="Enter Name" required>
                                </div>
                                <div class=" col-md-6 form-group">
                                    <label for="image">Image</label>
                                    <input type="file" class="form-control jqv-input" name="image" id="image"
                                        data-role="file-image" data-preview="logo-preview" value=""
                                        @if (empty($id)) required
                                        data-parsley-required-message="image is required" @endif
                                        data-parsley-imagedimensionssss="200x200" data-parsley-trigger="change"
                                        data-parsley-fileextension="jpg,png,gif,jpeg"
                                        data-parsley-fileextension-message="Only files with type jpg,png,gif,jpeg are supported"
                                        data-parsley-max-file-size="5120"
                                        data-parsley-max-file-size-message="Max file size should be 5MB" accept="image/*">
                                    @php
                                        $image = explode('/', $customer->image);
                                    @endphp
                                    <img id="logo-preview" class="img-thumbnail w-50"
                                        style="margin-left: 5px; height:75px; width:75px !important;"
                                        src="{{ isset($image) ? asset('storage/customers_images/' . end($image)) : asset('admin-assets/assets/img/placeholder.jpg') }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <input type="submit" name="txt" class="mt-4 btn btn-primary">
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>

    </div>

@endsection

@section('script')
    <script src="{{ asset('admin-assets/plugins/editors/tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('admin-assets/plugins/editors/tinymce/editor_tinymce.js') }}"></script>

@stop