@extends('dashboard::layouts.master')

@section('title', 'Edit Client')

@section('content')
    @if (session('status'))
    <div class="form-group mb-8">
        <div class="alert alert-custom alert-default" role="alert">
            <div class="alert-icon"><i class="flaticon2-check-mark text-primary"></i></div>
            <div class="alert-text">
                {{ session('status') }}
            </div>
        </div>
    </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
<div class="row">
    <div class="col-md-8">
        <div class="card card-custom">
            <div class="card-header">
                <h3 class="card-title">
                    Edit Client
                </h3>
                <div class="card-toolbar">
                    <div class="example-tools justify-content-center">
                        <span class="example-toggle" data-toggle="tooltip" title="View code"></span>
                        <span class="example-copy" data-toggle="tooltip" title="Copy code"></span>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <form action="{{ route('clients.update', $client->id) }}" enctype="multipart/form-data" method="POST">
                @csrf
                @method("put")
                <div class="card-body">
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Image</label>
                        <div class="col-lg-9">
                            <div class="image-input image-input-outline" id="client_image_upload">
                                @php
                                    $img = url('/storage/clients/'.$client->client_image);
                                @endphp
                                <div class="image-input-wrapper" {{ $client->client_image ? 'style=background-image:url('.$img.');' : ''}}></div>
                                <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="Change image">
                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                    <input type="file" name="client_image" accept=".svg, .png, .jpg, .jpeg" value="{{ $client->client_image ? $client->client_image : '' }}"/>
                                    <input type="hidden" name="profile_avatar_remove"/>
                                </label>
                                <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="cancel" data-toggle="tooltip" title="Cancel image">
                                    <i class="ki ki-bold-close icon-xs text-muted"></i>
                                </span>
                            </div>
                            @error('client_image')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>                  
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">File</label>
                        <div class="col-lg-9">
                            <input type="file" name="client_fileupload" class="form-control @error('client_fileupload') is-invalid @enderror" placeholder="Enter client file upload" />
                            @error('client_fileupload')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>                  
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Product Name</label>
                        <div class="col-lg-9">
                            <input type="text" name="client_product_name" class="form-control @error('client_product_name') is-invalid @enderror" placeholder="Enter client product name" value="{{ $client->client_product_name }}"/>
                            @error('client_product_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>                  
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Client</label>
                        <div class="col-lg-9">
                            <input type="text" name="client_name" class="form-control @error('client_name') is-invalid @enderror" placeholder="Enter client name" value="{{ $client->client_name }}" />
                            @error('client_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>                  
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Description</label>
                        <div class="col-lg-9">
                            <input type="text" name="client_desc" class="form-control" placeholder="Enter description " value="{{ $client->client_desc }} "/>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Platform</label>
                        <div class="col-lg-9">
                            <input type="text" name="client_platform" class="form-control" placeholder="Enter platform " value="{{ $client->client_platform }}" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Feature</label>
                        <div class="col-lg-9">
                            <textarea class="form-control" name="client_feature" rows="2" placeholder="Enter feature ">{{ $client->client_feature }}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Content</label>
                        <div class="col-lg-9">
                            <textarea class="form-control" name="client_content" rows="4" placeholder="Enter Content ">{{ $client->client_content }}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Visibility</label>
                        <div class="col-lg-9 col-md-9 col-sm-12">
                            <input data-switch="true" name="client_visible" type="checkbox" data-on-text="Visible" data-handle-width="70" data-off-text="Hidden" data-on-color="primary" {{ $client->client_visible ? 'checked="checked"': '' }}/>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Order</label>
                        <div class="col-lg-9 col-md-9 col-sm-12">
                            <input type="number" name="client_order" class="form-control" placeholder="Enter number" value="{{ $client->client_order ? $client->client_order : 0 }}" min="0" max="100"/>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary mr-2">Add</button>
                    <button type="reset" class="btn btn-secondary">Cancel</button>
                </div>
            </form>
            <!--end::Form-->
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script>
    jQuery(document).ready(function() {
        $('[data-switch=true]').bootstrapSwitch();
        var client_image_upload = new KTImageInput('client_image_upload');
    });
</script>

@endpush