@extends('layouts.app')

@section('title', 'Novo Escamador')

@section('content')
<div class="sinagem-main">
    <div class="s-card">
        <div class="s-card-header">
            <h4 class="s-card-title">
                <i class="fas fa-user-plus"></i>
                Novo Escamador
            </h4>
            <a href="{{ route('mercado.escamadores.index') }}" class="btn btn-outline-secondary btn-sm">
                <i class="fas fa-arrow-left"></i>
                Voltar
            </a>
        </div>

        <div class="s-card-body">
            <form action="{{ route('mercado.escamadores.store') }}" method="POST">
                @csrf

                @include('admin.mercado.escamadores.partials._form', ['escamador' => null])

             
                <div class="form-actions d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('mercado.escamadores.index') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times"></i>
                        Cancelar
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i>
                        Criar Escamador
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    .form-actions {
        border-top: 1px solid var(--border-color, #e5e7eb);
        padding-top: 1.5rem;
        margin-top: 0.5rem;
    }
</style>
@endpush