<x-form @submit.prevent="submit">
    <x-modal classModel="modal-xl">
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="dividing">{{ __('General Info') }}</h5>
                        <div class="row mt-3">
                            <x-form.input name="name" value="{{ old('name')}}" classGroup="col-md-6 required" />
                            <x-form.input name="email" value="{{ old('email')}}" classGroup="col-md-6 required" />  
                        </div>
                        <x-form.input name="address" value="{{ old('address')}}" classGroup="required" />
                        <x-form.input name="phone" value="{{ old('phone')}}" classGroup="required" />
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <x-form.input name="employers_number" value="{{ old('employers_number')}}" classGroup="required" />
                        <x-form.switch name="status" value="{{ old('status')}}"  />
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="dividing">{{ __('Additional information') }}</h5>
                        <div class="mt-3">
                            <x-form.upload name="image" value="{{ old('image')}}" label="Avatar" />                                         
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <h5 class="dividing">{{ __('Account information') }}</h5>
                        <div class="mt-3">
                            <x-form.input name="booking_commission" label="Booking Commission" value="{{ old('booking_commission')}}" classGroup="required" />
                            <x-form.input name="exchange_commission" label="Exchange Commission" value="{{ old('exchange_commission')}}" classGroup="required" />
                            <x-form.input name="canellation_commission" label="Canellation Commission" value="{{ old('canellation_commission')}}" classGroup="required" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <x-slot name="footer">
            <button type="submit" class="btn btn-primary float-right">{{ __('Save') }}</button>
            <a class="btn btn-success float-left mx-1 float-right">{{ __('save and continue') }}</a>
        </x-slot>
    </x-modal>
</x-form>