@extends ('../welcome')


@section('content')
    <style>
        #upload-photo {
            display: none;
        }
    </style>
    {{-- Filter --}}
    <form>
        <div class="card card-info card-outline collapsed-card col-12">
            <div class="card-header" class="btn btn-tool" data-card-widget="collapse">
                <div class="card-title">
                    Filter
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-6">
                        <label class="col-12">Sales Man</label>
                        <div class="form-group col-12">
                            <select name="salesMan_id[]" class="select2 custom-select form-control-border" multiple>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}">{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <label class="col-12">Brokers</label>
                        <div class="form-group col-12">
                            <select name="broker_id[]" class="select2 custom-select form-control-border" multiple>
                                @foreach ($totalBrokers as $broker)
                                    <option value="{{ $broker->id }}">{{ $broker->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <label class="col-12">Agents</label>
                        <div class="form-group col-12">
                            <select name="agent_id[]" class="select2 custom-select form-control-border" multiple>
                                @foreach ($agents as $agent)
                                    <option value="{{ $agent->id }}">{{ $agent->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <label class="col-12">Status</label>
                        <div class="form-group col-12">
                            <select name="status[]" class="select2 custom-select form-control-border" multiple>
                                <option value="pending">Pending</option>
                                <option value="accepted">Accepted</option>
                                <option value="rejected">Rejected</option>
                            </select>
                        </div>
                        <h5 class="text-info">Created At</h5>
                        <div class="row">
                            <label class="col-6" for="created_at_from">From:</label>
                            <label class="col-6" for="created_at_to">To:</label>
                        </div>
                        <div class="form-group row">
                            <input id="created_at_from" type="date" name="created_at_from" class="form-control col-6">
                            <input id="created_at_to" type="date" name="created_at_to" class="form-control col-6">
                        </div>
                        <h5 class="text-info">Updated At</h5>
                        <div class="row">
                            <label class="col-6" for="updated_at_from">From:</label>
                            <label class="col-6" for="updated_at_to">To:</label>
                        </div>
                        <div class="form-group row">
                            <input id="updated_at_from" type="date" name="updated_at_from" class="form-control col-6">
                            <input id="updated_at_to" type="date" name="updated_at_to" class="form-control col-6">
                        </div>
                    </div>
                </div>

                <div class="card-footer">
                    <div style="text-align:center">
                        <a href="{{ url()->previous() }}" class="btn btn-default">Back</a>
                        <button type="submit" class="btn btn-info">filter</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    {{-- End Filter --}}

    <div class="card">
        <div class="card-header">
            @if(auth()->user()->type == 'admin' ||
                auth()->user()->role->hasPermission('brokers-export'))
            <a href="{{ route('brokers.export') }}?{{ request()->getQueryString() }}" style="float:right; margin-right: 10px;">
                <button class="btn btn-outline-primary" title="Export" type="button"><i
                        class="fas fa-download"></i> Export</button>
            </a>
            @endif
            @if (auth()->user()->type == 'admin' ||
                    auth()->user()->role->hasPermission('brokers-archive'))
                <a href="{{ route('brokersArchive') }}" style="float:right">
                    <button class="btn btn-outline-success" title="Archive" type="button"><i
                            class="fas fa-archive"></i></button>
                </a>
            @endif
            @if (auth()->user()->type == 'admin' ||
                    auth()->user()->role->hasPermission('brokers-import'))
                <a class="btn btn-outline-info" data-toggle="modal" style="float:right" title="upload Brokers"
                    onClick="clickbutton(this)" data-target='#UploadFileModal' href="#">
                    <i class="fas fa-file-import"></i>
                </a>
            @endif
            @if (auth()->user()->type == 'admin' ||
                    auth()->user()->role->hasPermission('brokers-create'))
                <a href="{{ route('brokers.create') }}" style="float:right">
                    <button class="btn btn-square btn-outline-light" title="create Broker" type="button"><i
                            class="fas fa-plus"></i></button>
                </a>
            @endif
            <div class="btn-group">
                <button type="button" class="btn btn-default">Brokers</button>
                <button type="button" title="bulk action" class="btn btn-light active dropdown-toggle dropdown-icon"
                    data-toggle="dropdown">
                    <span class="sr-only">Toggle Dropdown</span>
                </button>
                <div class="dropdown-menu" role="menu">
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('brokers-assignAgents'))
                        <a class="dropdown-item" data-toggle="modal" onClick="clickbutton(this)"
                            data-target='#assignedAgentModal' href="#">Assign Agent</a>
                    @endif
                    {{-- Copy To Cliboard"> --}}
                    <input type="hidden" value="http://127.0.0.1:8000/broker/registeration" id="myInput">
                    <button class="dropdown-item" onclick="copyFunction()">Registration Link</button>
                </div>
            </div>
            {{-- <div class="card-title">Brokers</div> --}}
        </div>
        <div class="card-body">
            <div style="font-weight:bold; font-size:20px">Total: {{ count($totalBrokers) }}</div>
            <div style="font-weight:bold; font-size:20px">Pending: {{ $brokers->where('status', 'pending')->count() }}
            </div>
            <div style="font-weight:bold; font-size:20px">Accepted: {{ $brokers->where('status', 'accepted')->count() }}
            </div>

            <table id={{ auth()->user()->type == 'admin' ||   auth()->user()->role->hasPermission('brokers-export') ? 'example2' : 'nonExport' }} 
                class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th><input type="checkbox" id="selectAll" class="sub_chk"></th>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>status</th>
                        @for ($i = 1; $i <= $brokerNumbers; $i++)
                            <th>Phone Number {{ $i }}</th>
                        @endfor
                        <th>type</th>
                        <th>Agents</th>
                        <th>Sales Admin</th>
                        <th>Authorized Name</th>
                        <th>Sales Man</th>
                        <th>Created Date</th>
                        <th>Created Time</th>
                        @if (auth()->user()->type == 'admin')
                            <th style="display:none">Action</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @foreach ($brokers as $broker)