@extends('layouts.sale')

@section('content')
    <div class="content-wrapper" ng-app="tutapos">
        <!-- Content Header (Page header) -->
        <section class="content-header m-3">
            <h1>{{ $page_title }}
                @if (auth()->guard('admin')->user()->checkSpPermission('sales.create'))
                    <a class="btn btn-small btn-success pull-right" href="{{ URL::to('/Backoffice/new/installations') }}"><i
                            class="fa fa-plus"></i>&nbsp; New Instalation</a>
                @endif
            </h1>
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-success">
                        <div class="box-header">

                            @php
                                $filter_route = url('/Backoffice/installations');
                                $filter_id = 'instalationFilter';
                            @endphp

                            <div class="row">
                                <form class="form-inline custom-filter" action="{{ $filter_route }}" method="GET"
                                    id="{{ $filter_id }}">
                                    <div class="col-md-12">
                                        <div class="form-group pr-2">
                                            <label class="pr-1" for="per_page">{{ __('Show') }} </label>
                                            <select autocomplete="off" class="form-control" name="filter[per_page]"
                                                id="per_page" onchange="$('#{{ $filter_id }}').submit()">
                                                <option value="10">10 entries</option>
                                                <option value="25">25 entries</option>
                                                <option value="50">50 entries</option>
                                                <option value="100">100 entries</option>
                                            </select>
                                        </div>
                                        <div class="form-group pr-2">
                                            <label class="pr-1" for="start_date">{{ __('From') }} </label>
                                            <input autocomplete="off" type="date" name="filter[start_date]"
                                                id="start_date" class="form-control"
                                                onchange="$('#{{ $filter_id }}').submit()" />
                                        </div>
                                        <div class="form-group pr-2">
                                            <label class="pr-1" for="end_date">{{ __('To') }} </label>
                                            <input autocomplete="off" type="date" name="filter[end_date]"
                                                id="end_date" class="form-control"
                                                onchange="$('#{{ $filter_id }}').submit()" />
                                        </div>
                                        <div class="form-group pr-2">
                                            <label class="pr-1" for="search">{{ __('Search') }} </label>
                                            <input autocomplete="off" type="text" name="filter[search]"
                                                id="search" class="form-control"
                                                placeholder="Search name, phone, email..."
                                                onkeyup="submitOnEnter('#{{ $filter_id }}')" />
                                        </div>







                                        <div class="form-group pr-2">
                                            <label class="pr-1" for="status">Status </label>
                                            <select autocomplete="off" class="form-control select2" name="filter[status]"
                                                id="status" onchange="$('#{{ $filter_id }}').submit()">
                                                <option value="">All Statuses</option>
                                                <option value="created">Created</option>
                                                <option value="pending_approval">Pending Approval</option>
                                                <option value="approved">Approved</option>
                                                <option value="completed">Completed</option>
                                                <option value="cancelled">Cancelled</option>
                                            </select>
                                        </div>

                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="box-body">
                            <div id="list-receiving-report">
                                @include('instalations.instalation_table', [
                                    'instalationreport' => $installations,
                                    'type' => 'all',
                                ])
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection