@extends('layouts.dashboard')
@section('title', 'Settings')
@section('content')

<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 d-flex align-items-center">
                <h1 class="m-0">Paramètres</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Paramètres</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="container-fluid">

        <div class="row">

            <div class="col-md-8 mb-3">
                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Informations générales</h3>
                    </div>
                    <form action="{{ route('dashboard.settings.update', $setting) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="card-body">

                            <div class="form-group">
                                <label for="tagline">Tagline</label>
                                <input type="tagline" class="form-control @error('tagline') is-invalid @enderror" id="tagline" name="tagline" placeholder="Ex. Bienvenu sur notre site" value="{{ old('tagline', $setting->tagline) }}">
                                @error('tagline')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save mr-1"></i>
                                Enregistrer les modifications
                            </button>
                        </div>
                    </form>
                </div>

                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Contacts</h3>
                    </div>
                    <form action="{{ route('dashboard.settings.update', $setting) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="card-body">
                            <div class="form-group">
                                <label for="email">Adresse email</label>
                                <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="Ex. info@jbc.cd" value="{{ old('email', $setting->email) }}">
                                @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="phone">Téléphone</label>
                                <input type="text" class="form-control @error('phone') is-invalid @enderror" id="phone" name="phone" placeholder="Ex. +243997999999" value="{{ old('phone', $setting->phone) }}">
                                @error('phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="address">Adresse</label>
                                <input type="text" class="form-control @error('address') is-invalid @enderror" id="address" name="address" placeholder="Ex. Q. Les Volcans Av. Les Messagers No.04" value="{{ old('address', $setting->address) }}">
                                @error('address')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save mr-1"></i>
                                Enregistrer les modifications
                            </button>
                        </div>
                    </form>
                </div>

                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Réseaux sociaux</h3>
                    </div>
                    <form action="{{ route('dashboard.settings.update', $setting) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="card-body">
                            <div class="form-group">
                                <label for="facebook">Lien Facebook</label>
                                <input type="url" class="form-control @error('facebook') is-invalid @enderror" id="facebook" name="facebook" placeholder="Ex. https://www.facebook.com/julishabusinessconsulting" value="{{ old('facebook', $setting->facebook) }}">
                                @error('facebook')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="twitter">Lien Twitter</label>
                                <input type="url" class="form-control @error('twitter') is-invalid @enderror" id="twitter" name="twitter" placeholder="Ex. https://www.twitter.com/julishabusinessconsulting" value="{{ old('twitter', $setting->twitter) }}">
                                @error('twitter')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="instagram">Lien Instagram</label>
                                <input type="url" class="form-control @error('instagram') is-invalid @enderror" id="instagram" name="instagram" placeholder="Ex. https://www.instagram.com/julishabusinessconsulting" value="{{ old('instagram', $setting->instagram) }}">
                                @error('instagram')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="linkedin">Lien LinkedIn</label>
                                <input type="url" class="form-control @error('linkedin') is-invalid @enderror" id="linkedin" name="linkedin" placeholder="Ex. https://www.linkedin.com/julishabusinessconsulting" value="{{ old('linkedin', $setting->linkedin) }}">
                                @error('linkedin')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save mr-1"></i>
                                Enregistrer les modifications
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <div class="col-md-4">

                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Logo du site</h3>
                    </div>
                    @if ($setting->logo)
                    <form action="{{ route('dashboard.settings.delete-image') }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <input type="hidden" name="type" value="logo">
                        <div class="card-body">
                            <img src="{{ asset('storage/settings/'. $setting->logo) }}" alt="Site logo" class="img-thumbnail mb-2">
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-danger">
                                <i class="fas fa-trash mr-1"></i>
                                Supprimer le logo
                            </button>
                        </div>
                    </form>
                    @else
                    <form action="{{ route('dashboard.settings.add-image') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="type" value="logo">
                        <div class="card-body">
                            <label for="image" class="form-label mb-3">
                                Image <span class="text-red">[700x350]</span>
                            </label>
                            
                            <div class="input-group mb-3">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="image"
                                    name="image">
                                    <label class="custom-file-label" for="image">Choisir un fichier</label>
                                </div>
                            </div>

                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-upload mr-1"></i> Ajouter Image
                            </button>
                        </div>
                    </form>
                    @endif                    
                </div> 


                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Favicon du site</h3>
                    </div>
                    @if ($setting->favicon)
                    <form action="{{ route('dashboard.settings.delete-image') }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <input type="hidden" name="type" value="favicon">
                        <div class="card-body">
                            <img src="{{ asset('storage/settings/'. $setting->favicon) }}" alt="Site favicon" class="img-thumbnail mb-2">
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-danger">
                                <i class="fas fa-trash mr-1"></i>
                                Supprimer le favicon
                            </button>
                        </div>
                    </form>
                    @else
                    <form action="{{ route('dashboard.settings.add-image') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="type" value="favicon">
                        <div class="card-body">
                            <label for="image" class="form-label mb-3">
                                Favicon <span class="text-red">[48x48]</span>
                            </label>
                            
                            <div class="input-group mb-3">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="image"
                                    name="image">
                                    <label class="custom-file-label" for="image">Choisir un fichier</label>
                                </div>
                            </div>

                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-upload mr-1"></i> Ajouter Image
                            </button>
                        </div>
                    </form>
                    @endif                    
                </div> 
                
                
            </div> 
        </div>

        
    </div>
</div>
@endsection