@extends('layouts.app')

@section('title', 'Créer un bulletin de salaire')

@section('breadcrumb')
    <ol class="breadcrumb border-0 m-0">
        <li class="breadcrumb-item"><a href="{{ route('home') }}">Tableau de bord</a></li>
        <li class="breadcrumb-item"><a href="{{ route('salary.index') }}">Employés</a></li>
        <li class="breadcrumb-item"><a href="{{ route('salary.pay.index') }}">Bulletins</a></li>
        <li class="breadcrumb-item active">Ajouter</li>
    </ol>
@endsection

@section('content')
    <div class="container-fluid">
        <form action="{{ route('salary.pay.store') }}" method="POST">
            @csrf
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-row">
                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="employe_id">Employés <span class="text-danger">*</span></label>
                                        <select name="employe_id" id="employe_id" class="form-control" required>
                                            <option selected value="">Choisir un employé</option>
                                            @foreach ($employes as $employe)
                                                <option value="{{ $employe->id }}" {{ old('employe_id') ? 'selected' : '' }}>{{ $employe->first_name }} {{ $employe->last_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="month">Mois <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" name="month" required value="{{ old('month') }}">
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="date">Date <span class="text-danger">*</span></label>
                                        <input type="date" class="form-control @error('date') is-invalid @enderror" name="date" required value="{{ old('date') }}">
                                        @error('date')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="overtime">Heures supplementaires </label>
                                        <input type="number" class="form-control" name="overtime" value="0">
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="prime">Primes (assiduité, rendement) </label>
                                        <input type="number" class="form-control" name="prime" value="0">
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="benefits">Avantages en nature </label>
                                        <input type="number" class="form-control" name="benefits" value="0">
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="cotisation_inps">Cotisation INPS (3,6%) </label>
                                        <input type="number" class="form-control" name="cotisation_inps" value="0">
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="retenues_diverses">Retenues diverses </label>
                                        <input type="number" class="form-control" name="retenues_diverses" value="0">
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="note">Note </label>
                                        <textarea name="note" id="note" class="form-control">{{ old('note') }}</textarea>
                                    </div>
                                </div>

                                <div class="col-lg-12 d-flex justify-content-end">
                                    <div class="form-group">
                                        <button class="btn btn-primary">Enregistrer <i class="bi bi-check"></i></button>
                                        <a href="{{ route('salary.pay.index') }}" class="btn btn-outline-danger">Retour</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection