<form action="" method="" id="search">
    <div class="row">




        <div class="col-sm-2">
            <div class="form-group">
                <label>Select Manager</label>
                <select name="reseller" id="reseller" class="select2 form-control form-control-sm">
                    <option value="">All Manager</option>

                    @foreach ($reseller as $r)
                        <option value="{{ $r->id }}">{{ $r->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="col-sm-2">
            <label class='block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2'> POP Name
            </label>
            <select name="pop" id="pop" class="form-control select2 form-control-sm">
                <option value=""> ALL POP</option>
            </select>
        </div>

        <div class="col-sm-2">
            <div class="form-group">
                <label>Select Marketed By </label>
                <select name="marketed_by" id="marketed_by" class="select2 form-control form-control-sm">
                    <option value="">All Marketed By</option>
                    @foreach ($marketed_by as $r)
                        <option value="{{ $r->id }}">{{ $r->firstname }} {{ $r->lastname }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="col-sm-2">
            <div class="form-group">
                <label class="block text-gray-700 text-sm font-bold mb-2" for="from_date">
                    From Date
                </label>
                <div class="input-group date" id="searchFrom" data-target-input="nearest">
                    <input type="text" name="from_date" value="{{ $start->format('m/d/y') }}"
                        class="form-control datetimepicker-input input-group-append form-control-sm"
                        data-toggle="datetimepicker" data-target="#searchFrom" autocomplete="off">

                </div>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="form-group">
                <label class="block text-gray-700 text-sm font-bold mb-2" for="to_date">
                    To Date
                </label>

                <div class="input-group date" id="searchTo" data-target-input="nearest">
                    <input type="text" name="to_date" value="{{ $end->format('m/d/y') }}"
                        class="form-control datetimepicker-input input-group-append form-control-sm"
                        data-toggle="datetimepicker" data-target="#searchTo" autocomplete="off">

                </div>


            </div>
        </div>

        <div class="form-group col-sm-2 mt-4 row">
            <div>
                <button @click="search" class="btn btn-primary mt-1 btn-sm" type="submit" id="searchBtn"><i
                        class="fa fa-search"></i> Search</button>
            </div>
            <div>
                <a href="{{ route('newJoin') }}" class="btn btn-info mt-1 ml-1 btn-sm">Reset</a>
            </div>
        </div>
    </div>
</form>
