@extends('layouts/acc_layout')
@section('title', isset($company) ? '| Edit Cardless EMI Company' : '| Add Cardless EMI Company')
@section('content')
    <style>
        .mb-3 {
            margin-bottom: 1rem;
        }
    </style>
    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-3"></div>
            <div class="col-md-6 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{ route('cardlessEmiCompany.index') }}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>Company List</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">{{ isset($company) ? 'Edit Company' : 'Add Company' }}</div>
                    </div>
                    <div class="panel-body">
                        <div class="">
                        {!! Form::model($company ?? null, [
                            'url' => isset($company) ? route('cardlessEmiCompany.update') : route('cardlessEmiCompany.store'),
                            'method' => 'POST',
                            'id' => 'companyForm',
                            'class' => 'form-horizontal form-groups',
                        ]) !!}

                        @if (isset($company))
                            {!! Form::hidden('id', $company->id) !!}
                        @endif

                        <div class="row mb-3">
                            {!! Form::label('name', 'Company Name:', ['class' => 'col-sm-4 col-form-label fw-bold']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('name', old('name', $company->name ?? ''), ['class' => 'form-control', 'required']) !!}
                                <p class="text-danger mt-1" id="nameError"></p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            {!! Form::label('email', 'Email:', ['class' => 'col-sm-4 col-form-label fw-bold']) !!}
                            <div class="col-sm-8">
                                {!! Form::email('email', old('email', $company->email ?? ''), ['class' => 'form-control']) !!}
                                <p class="text-danger mt-1" id="emailError"></p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            {!! Form::label('phone', 'Phone:', ['class' => 'col-sm-4 col-form-label fw-bold']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('phone', old('phone', $company->phone ?? ''), ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row mb-3">
                            {!! Form::label('website', 'Website:', ['class' => 'col-sm-4 col-form-label fw-bold']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('website', old('website', $company->website ?? ''), ['class' => 'form-control']) !!}
                                <p class="text-danger mt-1" id="websiteError"></p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            {!! Form::label('address', 'Address:', ['class' => 'col-sm-4 col-form-label fw-bold']) !!}
                            <div class="col-sm-8">
                                {!! Form::textarea('address', old('address', $company->address ?? ''), ['class' => 'form-control', 'rows' => 3]) !!}
                            </div>
                        </div>

                        <div class="row mb-3">
                            {!! Form::label('status', 'Status:', ['class' => 'col-sm-4 col-form-label fw-bold']) !!}
                            <div class="col-sm-8">
                                {!! Form::select('status', [1 => 'Active', 0 => 'Inactive'], old('status', $company->status ?? ''), ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12" style="text-align: right; margin-top: 15px;">
                                <button type="submit" class="btn btn-primary hstack gap-2">
                                    <i class="far fa-paper-plane"></i>
                                    <span class="vr"></span>
                                    {{ isset($company) ? 'Update' : 'Submit' }}
                                </button>
                                <a href="{{ route('cardlessEmiCompany.index') }}" class="btn btn-danger hstack gap-2">
                                    <i class="pli-close fs-5"></i>
                                    <span class="vr"></span>
                                    Close
                                </a>
                            </div>
                        </div>

                        {!! Form::close() !!}
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    <script>
        $(document).ready(function() {
            $('#companyForm').submit(function(e) {
                e.preventDefault();
                $("#loadingModal").show();
                $.ajax({
                    type: $(this).attr('method'),
                    url: $(this).attr('action'),
                    data: $(this).serialize(),
                    dataType: 'json',
                    success: function(response) {
                        $("#loadingModal").hide();
                        if (!{{ isset($company) ? 'true' : 'false' }}) {
                            $('#companyForm')[0].reset(); // reset only for new record
                        }
                        toastr.success(response.message, 'Success', opts);
                        setTimeout(() => {
                            window.location.href = "{{ url('acc/cardlessEmiCompany/') }}";
                        }, 3000);
                    },
                    error: function(xhr) {
                        $("#loadingModal").hide();
                        let errors = xhr.responseJSON.errors;
                        $('#nameError').text(errors?.name ?? '');
                        $('#emailError').text(errors?.email ?? '');
                        $('#websiteError').text(errors?.website ?? '');
                    }
                });
            });
        });
    </script>
@endsection