@extends('layouts.app')
@section('content')
    <div class="container-fluid">
        <!-- DataTales Example -->
        <div class="container-fluid">
            <div class="card show mb-4">
                <div class="card-header">
                    <h6>Leads Distribution</h6>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{route('count.set')}}" class="mr-auto row">
                        @csrf
                        <div class="col-md-3 mb-3">
                            <select class="form-select" name="manager_from" data-placeholder="Manager From">
                                <option value="">Manager From</option>
                                @foreach($managers as $manager)
                                    <option @if(request()->get('manager_from') && request()->get('manager_from') == $manager->id) selected @endif value="{{$manager->id}}">{{$manager->name}} {{ $manager->leads()->count(). " Leads" }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <select class="form-select js-select2" name="manager_to[]" multiple="multiple"  data-placeholder="Select Managers">
                                @foreach($managers as $manager)
                                    <option @if(request()->get('manager_to') && request()->get('manager_to') == $manager->id) selected @endif value="{{$manager->id}}">{{$manager->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <select class="form-select" name="status_from" data-placeholder="Status From">
                                <option value="">Status from</option>
                                @foreach($status as $item)
                                    <option @if(request()->get('status_from') && in_array($item->id, request()->get('status_from'))) selected @endif value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <select class="form-select" name="status_to" data-placeholder="Status To">
                                <option value="">Status to</option>
                                @foreach($status as $item)
                                    <option @if(request()->get('status_to') && request()->get('status_to') == $item->id) selected @endif value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <select class="form-select" name="country" data-placeholder="Country">
                                <option value="">Country</option>
                                @foreach($countries as $country)
                                    <option @if(request()->get('country') && request()->get('country') == $country->name) selected @endif value="{{$country->name}}">{{$country->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <input type="text" class="form-control" name="source" @if(request()->get('source')) value="{{request()->get('last_name')}}" @endif placeholder="Source">
                        </div>

                        <div class="col-md-3 mb-3">
                            <input type="text" class="form-control" name="quantity" @if(request()->get('quantity')) value="{{request()->get('last_name')}}" @endif placeholder="Quantity">
                        </div>

                        <div class="col-md-12 text-right">
                            <button type="submit" class="btn btn-sm btn-success">Go</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap4.min.js"></script>
@endpush