@extends('app')

@section('pageTitle')
    Klanten | Urensysteem
@endsection

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <h1>Klanten</h1>
            </div>
            <div class="col-lg-4">
                <form action="/klanten" id="search" method="get">
                    <div class="col-lg-10">
                        <input type="text" id="searchBar" class="form-control" placeholder="Zoeken"
                               style="margin-top: 26px;">
                    </div>
                    <div class="col-xs-2">
                        <input type="submit" form="search" class="btn btn-primary" value="Zoeken" style="margin-top: 26px;">
                    </div>
                    <input type="hidden" name="action" id="actionValue" value="">
                    <input type="hidden" name="search" id="searchValue" value="">
                </form>
            </div>
            <div class="col-lg-4">
{{--                <a href="/klanten/create" class="btn btn-primary pull-right" style="margin-top: 26px;">+ Maak een nieuwe--}}
{{--                    klant</a>--}}
                <button type="button" name="createCompany" data-toggle=modal data-backdrop="static"
                        data-target="#createCompanyModal"
                        onclick="loadPopup('/klanten/create','#createCompanyModal');"
                        class="btn btn-primary pull-right" style="margin-top: 26px;">+ Maak een nieuwe klant
                </button>
            </div>
            <div class="col-lg-12">
                <hr>
                @if (\Session::has('message'))
                    @if(!empty(Session::get('message')['url']))
                        <div class="alert alert-info">
                            {{ Session::get('message')['message'] }}
                            <a class="pull-right btn btn-default" href="{{ Session::get('message')['url'] }}"
                               style="margin-top: -7px">Herstel</a>
                        </div>
                    @else
                        <div class="alert alert-info">{{ Session::get('message') }}</div>
                    @endif
                @endif
            </div>
            <div class="col-lg-12">
                <ul class="nav nav-tabs">
                    <li role="presentation" @if($action === "active") class="active" @endif><a
                                href="/klanten?action=active">Actief <span
                                    class="badge">{{$badgeCounter->countActive}}</span></a></li>
                    <li role="presentation" @if($action === "deleted") class="active" @endif><a
                                href="/klanten?action=deleted">Verwijderd <span
                                    class="badge">{{$badgeCounter->countDeleted}}</span></a></li>
                    <li role="presentation" @if($action === "all") class="active" @endif><a
                                href="/klanten?action=all">Alle klanten <span
                                    class="badge">{{$badgeCounter->countAll}}</span></a></li>
                </ul>
            </div>

            @if ($companies->isEmpty())
                <div class="panel panel-default col-lg-12">
                    <div class="col-md-12">
                        <h2>Geen klanten.</h2>
                    </div>
                </div>
            @else
                @foreach($companies as $company)
                    <div class="project @if($company->deleted_at === null) active @else deleted @endif">
                        <div class="col-md-7">
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="title">
                                        @if($company->deleted_at === null)
                                            <a href="/klanten/{{$company->id}}">{{$company->name}}</a>
                                        @else
                                            {{$company->name}}
                                        @endif
                                    </h2>
                                    @if(count($company->Contacts) > 0)
                                        @foreach($company->Contacts as $contact)
                                            <p>{{$contact->name}}</p>
                                        @endforeach
                                    @else
                                        <p>-</p>
                                    @endif
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <label>Aangemaakt op:</label>
                                    <p>{{$company->created_at->format('d-m-Y G:i:s')}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <h2>Contactgegevens</h2>
                            <ul class="list-inline nav-justified">
                                <li>
                                    <label>Email</label>
                                    <p class="strong">{{!empty($contact) ? $contact->email : "-"}}</p>
                                </li>
                                <li>
                                    <label>Telefoon</label>
                                    <p class="strong">{{!empty($contact) ? $contact->phone : "-"}}</p>
                                </li>
                            </ul>
                            <div class="col-lg-12 alert alert-info project-counter">
                                <h4>
                                    <label>{{count($company->Projects)}}</label> {{count($company->Projects) == 1 ? "actief project" : "actieve projecten"}}
                                </h4>
                            </div>
                        </div>
                        @if($company->deleted_at != null)
                            <a href="/klanten/{{ $company->id }}/restore" class="btn btn-default"
                               style="margin-top: 60px;">Herstellen</a>
                        @endif
                    </div>
                @endforeach
                <div class="text-center">
                    {!! $companies->appends(Request::except('page'))->render() !!}
                </div>
            @endif

        </div>
        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="createCompanyModal"
             id="createCompanyModal"></div>
    </div>
@stop

@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $.urlParam = function (name) {
                var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
                return results[1] || 0;
            };
        });

        $(document).off("submit", "#search").on("submit", "#search", function (event) {
            var value = $("#searchBar").val();
            console.log(value);

            var param = "";
            if (window.location.search.indexOf('action=') > -1) {
                param = $.urlParam('action');
            }

            $("#searchValue").attr("value", value);
            $("#actionValue").attr("value", param);

            $.pjax.submit(event, pJaxContainer);
        });
    </script>
@stop