@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => ''
])

@section('content')

    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-users icon-gradient bg-mean-fruit"></i>
                </div>
                <div>
                    Modifier le contact
                    <div class="page-title-subheading">
                        {{ config('various.civilite')[$contact->civilite] }} {{ $contact->contact_title }} {{ $contact->prenom }}
                    </div>
                </div>
            </div>
            <div class="page-title-actions">
                @if(auth()->user()->user_type == 1)
                    <form id="" method="post" action="{{ route('contacts.delete', $contact->contact_id) }}">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-danger"
                                onclick="event.preventDefault();confirm('Êtes-vous sur de vouloir effectuer cette action ?') ? this.form.submit() : '' ">
                            Supprimer le contact
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 col-xl-12">
            <form class="form-horizontal form-label-left" action="{{ route('contacts.update', $contact->contact_id) }}"
                  method="post"
                  name="form_name" id="form_id">
                @method('put')
                @csrf
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Type de contact</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <select name="type_contact" class="form-control select2_add_contact select_type_contact">
                            <option value="">Choisir</option>
                            @foreach(config('types.type_contact') as $key => $type_contact)
                                <option {{ $key == $contact->type_contact ? 'selected' : '' }}
                                        value="{{ $key }}"> {{ $type_contact }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Civilité</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <select name="civilite" class="form-control select2_add_contact select_type_contact">
                            <option value="">Choisir</option>
                            @foreach(config('various.civilite') as $key => $civilite)
                                <option {{ $key == $contact->civilite ? 'selected' : '' }}
                                        value="{{ $key }}"> {{ $civilite }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Nom</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text" name="contact_title"
                               value="{{ $contact['contact_title'] }}" class="form-control">
                    </div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Prénom</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text" name="prenom"
                               value="{{ $contact['prenom'] }}" class="form-control">
                    </div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Adresse</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="adresse"
                               value="{{ $contact['adresse'] }}"
                               class="form-control "></div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12"
                           for="last-name">Ville</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="ville"
                               value="{{ $contact['ville'] }}"
                               class="form-control "></div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Code
                        postal</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="cp"
                               value="{{ $contact['cp'] }}"
                               class="form-control "></div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12"
                           for="last-name">Fax</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="fax"
                               value="{{ $contact['fax'] }}"
                               class="form-control "></div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Téléphone</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="telephone"
                               value="{{ $contact['telephone'] }}"
                               class="form-control "></div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12"
                           for="last-name">Mobile</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="mobile"
                               value="{{ $contact['mobile'] }}"
                               class="form-control "></div>
                </div>
                <div class="form-group ">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12"
                           for="last-name">Email</label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input autocomplete="off" type="text"
                               name="email"
                               value="{{ $contact['email'] }}"
                               class="form-control "></div>
                </div>

                <div class="form-group ">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="submit" value="Valider"
                               class="btn btn-primary"
                               autocomplete="off"></div>
                </div>
            </form>

        </div>
@endsection