@extends('admin.admin')

@section('title', 'Toutes les Agences')


@section('content')
    <div class="myd">

        <!-- Modal- A Revoir -->
        <div class="sign_up_modal modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body container pb20">
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Login</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Register</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-content container" id="myTabContent">
                            <div class="row mt25 tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <div class="col-lg-6 col-xl-6">
                                    <div class="login_thumb">
                                        <img class="img-fluid w100" src="images/resource/login.jpg" alt="login.jpg">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-xl-6">
                                    <div class="login_form">
                                        <form action="#">
                                            <div class="heading">
                                                <h4>Login</h4>
                                            </div>
                                            <div class="row mt25">
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-fb btn-block"><i class="fa fa-facebook float-left mt5"></i> Login with Facebook</button>
                                                </div>
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-googl btn-block"><i class="fa fa-google float-left mt5"></i> Login with Google</button>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="input-group mb-2 mr-sm-2">
                                                <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="User Name Or Email">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-user"></i></div>
                                                </div>
                                            </div>
                                            <div class="input-group form-group">
                                                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-password"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="exampleCheck1">
                                                <label class="custom-control-label" for="exampleCheck1">Remember me</label>
                                                <a class="btn-fpswd float-right" href="#">Lost your password?</a>
                                            </div>
                                            <button type="submit" class="btn btn-log btn-block btn-thm">Log In</button>
                                            <p class="text-center">Don't have an account? <a class="text-thm" href="#">Register</a></p>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt25 tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                <div class="col-lg-6 col-xl-6">
                                    <div class="regstr_thumb">
                                        <img class="img-fluid w100" src="images/resource/regstr.jpg" alt="regstr.jpg">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-xl-6">
                                    <div class="sign_up_form">
                                        <div class="heading">
                                            <h4>Register</h4>
                                        </div>
                                        <form action="#">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-block btn-fb"><i class="fa fa-facebook float-left mt5"></i> Login with Facebook</button>
                                                </div>
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-block btn-googl"><i class="fa fa-google float-left mt5"></i> Login with Google</button>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group input-group">
                                                <input type="text" class="form-control" id="exampleInputName" placeholder="User Name">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-user"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group input-group">
                                                <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="fa fa-envelope-o"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group input-group">
                                                <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-password"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group input-group">
                                                <input type="password" class="form-control" id="exampleInputPassword3" placeholder="Re-enter password">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-password"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group ui_kit_select_search mb0">
                                                <select class="selectpicker" data-live-search="true" data-width="100%">
                                                    <option data-tokens="SelectRole">Single User</option>
                                                    <option data-tokens="Agent/Agency">Agent</option>
                                                    <option data-tokens="SingleUser">Multi User</option>
                                                </select>
                                            </div>
                                            <div class="form-group custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="exampleCheck2">
                                                <label class="custom-control-label" for="exampleCheck2">I have read and accept the Terms and Privacy Policy?</label>
                                            </div>
                                            <button type="submit" class="btn btn-log btn-block btn-thm">Sign Up</button>
                                            <p class="text-center">Already have an account? <a class="text-thm" href="#">Log In</a></p>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- Listing Grid View -->
        <section class="our-listing bgc-f7 pb30-991 mt30">
            <div class="container">
                <div class="row mt-40">
                    <div class="col-md-8 col-lg-6">
                        <div class="breadcrumb_content style2">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
                                <li class="breadcrumb-item active text-thm" aria-current="page">@yield('title')</li>
                            </ol>
                            <h2 class="breadcrumb_title">@yield('title')</h2>
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-6">
                        <div class="sidebar_switch text-center">
                            <div id="main2">
                                <a href="{{ route('admin.agence.create') }}"><span id="open2" class="page_open_btn">Créer une Agence</span></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                            <div class="row">
                                <div class="col-lg-10 col-xl-10">
                                    <div class="candidate_revew_select style2 mb30-991">
                                        <ul class="mb0">
                                            <li class="list-inline-item">
                                                <div class="candidate_revew_search_box course fn-520">

                                                    <form class="form-inline my-2" method="GET" action="{{ route('admin.agence.search') }}">
                                                        <input class="form-control mr-sm-2" type="search" name="query" placeholder="Rechercher des Agences" aria-label="Search">
                                                        <button class="btn my-2 my-sm-0" type="submit"><span class="flaticon-magnifying-glass"></span></button>
                                                    </form>

                                                </div>
                                            </li>
                                            <li class="list-inline-item"><span class="shrtby">Trier par:</span>
                                                <select class="selectpicker show-tick">
                                                    {{--<option>Featured First</option>--}}
                                                    <option>Récents</option>
                                                    {{-- <option>Plus Anciens</option> --}}
                                                </select>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-2 col-lg-2 col-xl-2">
                                    <div class="grid_list_search_result style2 align-middle left_area pt10 ">
                                        <p><b> {{ $agences->total()}} Résultats</b></p>
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                {{--
                                    @foreach ($biens as $bien)
                                    <div class="col-md-6 col-lg-4">
                                        <div class="feat_property home7 style4">
                                            <div class="thumb">
                                                <div class="fp_single_item_slider">
                                                    <div class="item">
                                                        <img class="img-whp3" src="images/property/fp1.jpg" alt="fp1.jpg">
                                                    </div>
                                                    <div class="item">
                                                        <img class="img-whp3" src="images/property/fp2.jpg" alt="fp2.jpg">
                                                    </div>
                                                </div>
                                                <div class="thmb_cntnt style2">
                                                    <ul class="tag mb0">
                                                        <li class="list-inline-item"><a href="#">For Rent</a></li>
                                                        <li class="list-inline-item"><a href="#">Featured</a></li>
                                                    </ul>
                                                </div>
                                                <div class="thmb_cntnt style3">
                                                    <ul class="icon mb0">
                                                        <li class="list-inline-item"><a href="#"><span class="flaticon-transfer-1"></span></a></li>
                                                        <li class="list-inline-item"><a href="#"><span class="flaticon-heart"></span></a></li>
                                                    </ul>
                                                    <a class="fp_price" href="#">$13,000<small>/mo</small></a>
                                                </div>
                                            </div>
                                            <div class="details">
                                                <div class="tc_content">
                                                    <p class="text-thm">Apartment</p>
                                                    <h4>Renovated Apartment</h4>
                                                    <p><span class="flaticon-placeholder"></span> 1421 San Pedro St, Los Angeles, CA 90015</p>
                                                    <ul class="prop_details mb0">
                                                        <li class="list-inline-item"><a class="text-thm3" href="#">Beds: 4</a></li>
                                                        <li class="list-inline-item"><a class="text-thm3" href="#">Baths: 2</a></li>
                                                        <li class="list-inline-item"><a class="text-thm3" href="#">Sq Ft: 5280</a></li>
                                                    </ul>
                                                </div>
                                                <div class="fp_footer">
                                                    <ul class="fp_meta float-left mb0">
                                                        <li class="list-inline-item"><a href="#"><img src="images/property/pposter1.png" alt="pposter1.png"></a></li>
                                                        <li class="list-inline-item"><a href="#">Ali Tufan</a></li>
                                                    </ul>
                                                    <div class="fp_pdate float-right">4 years ago</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                
                                    <div class="col-md-6 col-lg-4">
                                        <div class="feat_property home7 style4">
                                            <div class="thumb">
                                                <div class="fp_single_item_slider">
                                                    <div class="item">
                                                        <img class="img-whp3" src="images/property/fp2.jpg" alt="fp2.jpg">
                                                    </div>
                                                    <div class="item">
                                                        <img class="img-whp3" src="images/property/fp3.jpg" alt="fp3.jpg">
                                                    </div>
                                                </div>
                                                <div class="thmb_cntnt style2">
                                                    <ul class="tag mb0">
                                                        <li class="list-inline-item"><a href="#">For Rent</a></li>
                                                        <li class="list-inline-item dn"></li>
                                                    </ul>
                                                </div>
                                                <div class="thmb_cntnt style3">
                                                    <ul class="icon mb0">
                                                        <li class="list-inline-item"><a href="#"><span class="flaticon-transfer-1"></span></a></li>
                                                        <li class="list-inline-item"><a href="#"><span class="flaticon-heart"></span></a></li>
                                                    </ul>
                                                    <a class="fp_price" href="#">$13,000<small>/mo</small></a>
                                                </div>
                                            </div>
                                            <div class="details">
                                                <div class="tc_content">
                                                    <p class="text-thm">Villa</p>
                                                    <h4>Gorgeous Villa Bay View</h4>
                                                    <p><span class="flaticon-placeholder"></span> 1421 San Pedro St, Los Angeles, CA 90015</p>
                                                    <ul class="prop_details mb0">
                                                        <li class="list-inline-item"><a class="text-thm3" href="#">Beds: 4</a></li>
                                                        <li class="list-inline-item"><a class="text-thm3" href="#">Baths: 2</a></li>
                                                        <li class="list-inline-item"><a class="text-thm3" href="#">Sq Ft: 5280</a></li>
                                                    </ul>
                                                </div>
                                                <div class="fp_footer">
                                                    <ul class="fp_meta float-left mb0">
                                                        <li class="list-inline-item"><a href="#"><img src="images/property/pposter1.png" alt="pposter1.png"></a></li>
                                                        <li class="list-inline-item"><a href="#">Ali Tufan</a></li>
                                                    </ul>
                                                    <div class="fp_pdate float-right">4 years ago</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                --}}

                                <div class="col-lg-12">
                                    <div class="my_dashboard_review mb40">
                                        <div class="property_table">
                                            <div class="table-responsive mt0">
                                                <table class="table">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th scope="col">Agence</th>
                                                            <th scope="col">Email</th>
                                                            <th scope="col">Téléphone</th>
                                                            <th scope="col">Ville</th>
                                                            <th scope="col">Pays</th>
                                                            <th scope="col">Actions</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>

                                                        @foreach ($agences as $agence)
                                                            <tr>
                                                                <th scope="row">
                                                                    <div class="feat_property list favorite_page style2">
                                                                        @if ($agence->images()->count() >= 1)
                                                                            <div class="thumb">
                                                                                <img class="img-whp3" src="/storage/{{$agence->imagePrincipale()->path}}"  alt="fp2.jpg"> 
                                                                            </div>
                                                                        @else
                                                                            <div class="thumb">
                                                                                <img class="img-whp3" src="{{ asset('assets/images/eudimmo/Illustrations/immeuble-340x220.png') }}" alt="fp2.jpg"> 
                                                                            </div>
                                                                        @endif

                                                                        <div class="details">
                                                                            <div class="tc_content">
                                                                                <h4>{{$agence->raisonSociale}}</h4>
                                                                                <p><span class="flaticon-placeholder"></span>{{$agence->adresse}}</p>
                                                                                {{--<a class="fp_price text-thm" href="#">$13,000<small>/mo</small></a>--}}
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </th>
                                                                <td>{{$agence->email}}</td>
                                                                <td>{{$agence->numTel}}</td>
                                                                <td>{{$agence->ville->designation}}</td>
                                                                <td>{{$agence->pays->designation}}</td>
                                                                <td>
                                                                    <ul class="view_edit_delete_list mb0">
                                                                        <li class="list-inline-item" data-toggle="tooltip" data-placement="top" title="Edit"><a href="{{ route('admin.agence.edit', $agence)}}"><span class="flaticon-edit text-thm6"></span></a></li>
                                                                        <li class="list-inline-item"  data-toggle="tooltip" data-placement="top" title="Delete">
                                                                            <form action="{{ route('admin.agence.destroy' , $agence) }}" method="POST">
                                                                                @csrf
                                                                                @method('delete')
                                                                                <button type="submit" class="btn" onclick="return confirm('Are you sure you want to delete this item?')">
                                                                                    <i class="flaticon-garbage color-danger"></i>
                                                                                </button>
                                                                            </form>
                                                                        </li>
                                                                    </ul>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        
                                                    </tbody>
                                                </table>
                                            </div>
                                            {{$agences->links("admin.shared.pagination")}}

                                        </div>
                                    </div>
                                </div>

                            </div>

                            
                    </div>
                </div>

            </div>
        </section>
    
    </div>



    
@endsection