@extends('templates.widget')
@section('widget-header')
    <div>
            <h1>Entreprises</h1>
        <div class="float-right">
            <button type="button" wire:click="create" class="btn btn-primary">Ajouter entreprise</button>
        </div>
    </div>
@stop
@section('widget-section')
    {{-- modal start --}}

    <script>
        window.addEventListener('OpenModal', event => {
            $("#BreadModal").modal('show');
        })
        window.addEventListener('closeModal', event => {
            $("#BreadModal").modal('hide');
        })
    </script>
    <div class="modal fade" wire:ignore.self id="BreadModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Ajouter entreprise</h5>
                    <button type="button" wire:click="closeCompanyModal()" class="close" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <form wire:submit="save" enctype="multipart/form-data">
                            <div class="form-row">
                                <div class="form-group text-left col-md-12">
                                    <label>Nom de l'établissement</label>
                                    <input wire:model.blur="name" type="text" class="form-control">
                                    @error('name')
                                        <p class="text-danger"> {{ $message }} </p>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group text-left">
                                <label>Statut Juridique</label>
                                <input wire:model.blur="status" type="text" class="form-control" placeholder="exemple">
                            </div>
                            @error('status')
                                <p class="text-danger"> {{ $message }} </p>
                            @enderror
                            <div class="form-row">
                                <div class="form-group text-left col-md-6">
                                    <label for="inputSiret">SIRET</label>
                                    <input wire:model.blur="siret" type="text" class="form-control"
                                        placeholder="12 345 678 001">
                                    @error('siret')
                                        <p class="text-danger"> {{ $message }} </p>
                                    @enderror
                                </div>
                                <div class="form-group text-left col-md-6">
                                    <label>APE/NAF</label>
                                    <input wire:model.live="ape_naf" type="text" class="form-control" placeholder="123">
                                </div>
                            </div>
                            <div class="form-group text-left">
                                <label>Address</label>
                                <input wire:model.live="address" type="text" class="form-control" placeholder="1234 Main St">
                            </div>

                            <div class="form-row">
                                <div class="form-group text-left col-md-4">
                                    <label>Commune</label>
                                    <input wire:model.live="commune" type="text" class="form-control"
                                        placeholder="Montpellier">
                                    {{-- <select id="inputState" class="form-control">
                            <option selected>Choose...</option>
                            <option>...</option>
                        </select> --}}
                                </div>
                                <div class="form-group text-left col-md-2">
                                    <label>Code Postale</label>
                                    <input wire:model.live="code_postal" type="text" class="form-control" placeholder="34000">
                                </div>
                                <div class="form-group text-left col-md-4">
                                    <label>Téléphone</label>
                                    <input wire:model.live="telephone" type="text" class="form-control"
                                        placeholder="01 02 03 04 05">
                                </div>
                                <div class="form-group text-left col-md-2">
                                    <label>FAX</label>
                                    <input wire:model.live="fax" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group text-left col-md">
                                    <label for="email">Email</label>
                                    <input wire:model.live="email" type="email" class="form-control" placeholder="Email">
                                    @error('email')
                                        <p class="text-danger"> {{ $message }} </p>
                                    @enderror

                                </div>
                                <div class="form-group text-left col-md-3">
                                    <label for="nombre_salaries">Nombre de salariés</label>
                                    <input wire:model.live="nombre_salaries" id="nombre_salaries" type="number" min="0"
                                        class="form-control">
                                </div>
                                <div class="form-group text-left col-md-3">
                                    <label for="intervenants_externes">Intervenants externes</label>
                                    <input wire:model.live="intervenants_externes" id="intervenants_externes" type="number"
                                        min="0" class="form-control">
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-md">
                                    <label>Logo</label>
                                    <input wire:model.live="logo" type="file" class="form-control">
                                    @error('logo')
                                        <p class="text-danger"> {{ $message }} </p>
                                    @enderror

                                </div>
                                <div>
                                    @isset($company->logo)
                                        <img src="{{ asset('storage/companies/' . $company->id) }}" height="100">
                                    @else
                                        <div class="form-row">
                                            <div class="form-group col-md" style="margin-top: 2.3rem !important;">
                                                <p>No Logo</p>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Sauvegarder</button>
                            </form>
                        <button type="button" wire:click="closeCompanyModal()" class="btn btn-secondary"
                            data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        {{-- modal end --}}
        <livewire:tables.bread-table>
        @stop