@extends('admin.layout')
@section('content')
 <div class="page-wrapper">
    <div class="container-fluid">



              <div class="row page-titles">
                    <div class="col-md-5 align-self-center">
                        <h4 class="text-themecolor upercase-text">Photos galerie</h4>
                    </div>
                    <div class="col-md-7 align-self-center text-right">
                        <div class="d-flex justify-content-end align-items-center">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0)">Accueil</a></li>
                            </ol>
                            <button type="button" data-toggle="modal" data-toggle="modal" data-target="#typeBienModal" class="btn btn-info d-none d-lg-block m-l-15"><i class="fa fa-plus-circle"></i>Ajouter nouvelles photos galerie</button>
                        </div>
                    </div>
                </div>



         <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                         @if (session()->has('message'))
                        <div class="alert alert-success text-center">
                            {{session()->get('message')}}
                        </div>
                    @endif

                    <div class="card-text">
                        <div class="table-responsive-md">
                            <table id="myDataTable" class="table table-striped  text-center">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Description</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($galeries as $galerie)
                                         <tr>
                                            <td>{{$galerie->id}}</td>
                                            <td>{{$galerie->description}}</td>
                                             <td>
                                                <a href="{{route('galeries.edit', $galerie)}}"
                                                class="btn btn-sm btn-warning"><i class="fa fa-edit"></i></a>
                                                <form id=""
                                                    style="display: inline;"
                                                    method="post"
                                                >
                                                    @csrf
                                                    @method('DELETE')
                                                    <button
                                                        id="btnDeleteCity"
                                                        class="btn btn-sm btn-danger"
                                                        >
                                                        <i class="fa fa-trash"></i>
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@<!-- Modal -->
    <div class="modal fade" id="typeBienModal" tabindex="-1" role="dialog" aria-labelledby="ville" aria-hidden="true">
        <form  action="{{Route('galerie.save')}}" method="post">
            @csrf
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Photos galerie</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group ">
                            <label for="name">Description : </label>
                            <input type="text"
                            class="form-control {{ $errors->has('description') ? 'is-invalid' : ''}}"
                            name="description"
                            placeholder="Saisir une description de la galerie"
                            value="{{ old('description') }}"
                            required autofocus>
                            @if ($errors->has('description'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('description') }}</strong>
                                </span>
                            @endif
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                        <button class="btn btn-primary">Ajouter</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection

@push('scripts')
    <script>
        
    </script>
@endpush