@extends('layouts.master')
@section('css')
    <link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
    <link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
    <link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
@section('title')
    {{ __('home.cost_center') }}
@stop
@endsection

@section('page-header')
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="content-title mb-0 my-auto">{{ __('home.cost_center') }}</h4>
        </div>
    </div>
@endsection

@section('content')
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">&times;</span></button>
            <ul>@foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach</ul>
        </div>
    @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card mg-b-20">
                <div class="card-header pb-0">
                    <form action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/cost_center_search') }}" method="POST" autocomplete="off">
                        {{ csrf_field() }}
                        
                        <div class="row">
                            <div class="col-lg-3">
                                <label>{{ __('report.fromdate') }}</label>
                                <input class="form-control fc-datepicker" name="start_at" value="{{ $start_at ?? '' }}" placeholder="YYYY-MM-DD" type="text" required>
                            </div>
                            <div class="col-lg-2">
                                <label>{{ __('report.todate') }}</label>
                                <input class="form-control fc-datepicker" name="end_at" value="{{ $end_at ?? '' }}" placeholder="YYYY-MM-DD" type="text" required>
                            </div>
                            <div class="col-lg-2">
                                <p class="mg-b-10">{{ __('home.cost_center') }}</p>
                                <select class="form-control select2" name="cost_center" style="width:100%">
                                    <option value='-'> {{ __('home.all') }}</option>
                                    @foreach (App\Models\Cost_centers::all() as $info)
                                        <option value="{{$info->id}}" {{ isset($cost_center) && $cost_center == $info->id ? 'selected' : '' }}>{{App::getLocale()=='ar'?$info->cost_center_ar:$info->cost_center_en}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-2">
                                <p class="mg-b-10">{{ __('home.branch') }}</p>
                                <select class="form-control select2" name="branch_id" style="width:100%">
                                    <option value='-'> {{ __('home.all') }}</option>
                                    @foreach (App\Models\branchs::all() as $branch)
                                        <option value="{{$branch->id}}" {{ isset($branch_id) && $branch_id == $branch->id ? 'selected' : '' }}>{{$branch->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                                <div class="col-lg-3">
                                <p class="mg-b-10">نوع التقرير</p>
                                <select name="report_type" class="form-control select2" style="width:100%">
                                    <option value="both" {{ isset($report_type) && $report_type == 'both' ? 'selected' : '' }}>التفاصيل والإجمالي</option>
                                    <option value="details" {{ isset($report_type) && $report_type == 'details' ? 'selected' : '' }}>التفاصيل فقط</option>
                                    <option value="summary" {{ isset($report_type) && $report_type == 'summary' ? 'selected' : '' }}>الإجمالي فقط</option>
                                </select>
                            </div>
                        </div>

                      
                        <br>
                        <div class="d-flex justify-content-center">
                            <button class="btn btn-success p-2">{{ __('home.search') }} <i class="las la-search"></i></button>
                        </div>
                    </form>
                </div>

                <div class="card-body mt-5">
                    @if (isset($Invoices))
                        <div class="table-responsive">
                            <table class="table table-hover table-bordered" id="example1" style="text-align: center;">
                                <thead>
                                    <tr>
                                        <th>{{ __('home.Invoice_no') }}</th>
                                        <th>{{ __('home.sallerName') }}</th>
                                        <th>{{ __('home.date') }}</th>
                                        <th>{{ __('home.branch') }}</th>
                                        <th>{{ __('home.total') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($Invoices as $product)
                                    <tr>
                                        <td>{{ $product->id }}</td>
                                        <td>{{ $product->user->name }}</td>
                                        <td>{{ $product->created_at }}</td>
                                        <td>{{ $product->branch->name }}</td>
                                        <td>{{ round($product->cashamount + $product->bankamount + $product->Bank_transfer + $product->creaditamount, 2) }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ URL::asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
    <script>
        $('.fc-datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
        $('.select2').select2();
    </script>
@endsection