@extends('backend.layouts.app')
@section('content')
    <div class="card">
        <div class="card-header">
            <h6 class="mb-0 text-uppercase">Company Information</h6>
        </div>
        <div class="card-body">
            <form class="row g-2" action="{{ route('company.store') }}" method="POST" id="ajax_form_data"
                enctype="multipart/form-data">
                @csrf
                <div class="col-md-6">
                    <label for="inputFirstName" class="form-label">Name of Company</label>
                    <input type="text" class="form-control @error('company_name') is-invalid @enderror"
                        placeholder="Name of Company" name="company_name"
                        value="{{ $item ? $item->company_name : old('company_name') }}">
                    @error('company_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6">
                    <label for="inputEmail" class="form-label">License Number</label>
                    <input type="text" class="form-control @error('license_number') is-invalid @enderror"
                        placeholder="License Number" name="license_number"
                        value="{{ $item ? $item->license_number : old('license_number') }}">
                    @error('license_number')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-12">
                    <label for="inputEmail" class="form-label">Address</label>
                    <textarea name="address" class="form-control @error('address') is-invalid @enderror" cols="30" rows="2">{{ $item ? $item->address : old('address') }}</textarea>
                    @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6">
                    <label for="inputEmail" class="form-label">Mobile Number</label>
                    <input type="tel" name="mobile" class="form-control @error('mobile') is-invalid @enderror"
                        placeholder="Mobile Number" value="{{ $item ? $item->mobile : old('mobile') }}">
                    @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6">
                    <label for="inputEmail" class="form-label">Email</label>
                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                        placeholder="Email" value="{{ $item ? $item->email : old('email') }}">
                    @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6">
                    <label for="inputEmail" class="form-label">Website Address</label>
                    <input type="text" name="website" class="form-control @error('website') is-invalid @enderror"
                        placeholder="Website Address" value="{{ $item ? $item->website : old('website') }}">

                    @error('website')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6">
                    @if ($item)
                        <img src="{{ getImage('company', $item->logo) }}" width="150px" height="120px">
                        <br>
                    @endif
                    <label for="inputEmail" class="form-label">Company Logo</label>
                    <input type="file" name="logo" class="form-control">
                </div>
                <div class="col-12">
                    <button type="submit" class="btn btn-primary px-5">Save</button>
                </div>
            </form>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $(document).ready(function() {
            $(document).on("submit", "#ajax_form", function(e) {
                e.preventDefault();
                // Create a FormData object
                var formData = new FormData(this);
                // Use AJAX to send the form data
                $.ajax({
                    url: $(this).attr('action'),
                    type: "POST",
                    data: formData,
                    contentType: false, // Required for FormData
                    processData: false, // Required for FormData
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(data) {
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(field_name, error) {
                                $(document)
                                    .find("[name=" + field_name + "]")
                                    .after(
                                        '<span class="mb-1" style="color:red;font-size:12px !important;">' +
                                        error +
                                        "</span>");
                            });
                        } else if (data.success) {
                            toastr.success(data.success);
                            window.location.reload();
                        }
                    },
                    error: function(xhr) {
                        // Handle any errors returned by the server
                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            var errors = xhr.responseJSON.errors;
                            $.each(errors, function(field_name, error) {
                                $(document)
                                    .find("[name=" + field_name + "]")
                                    .after(
                                        '<span class="mb-1" style="color:red;font-size:12px !important;">' +
                                        error +
                                        "</span>");
                            });
                        } else {
                            toastr.error('An error occurred. Please try again.');
                        }
                    }
                });
            });
        });
    </script>
@endpush