@extends('admin.layouts.app')



@push('styles')
    <link href="{{ asset('assets/libs/vanillajs-datepicker/css/datepicker.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">

                </div>
                <h4 class="page-title">Company Report</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <form method="GET" action="" class="form">

                        <div class="row">
                            <div class="col-md-2">
                                <label for="company" class="mb-2">Company</label>
                                <div class="col-12">
                                    <select class="form-select" id="company" name="company"
                                        aria-label="Default select example">
                                        <option value="">Select company</option>
                                        @foreach ($companies as $com)
                                            <option {{ old('company', request('company')) == $com->id ? 'selected' : '' }}
                                                value="{{ $com->id }}">{{ $com->name }}
                                            </option>
                                        @endforeach


                                    </select>
                                </div>
                                @error('company')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                @enderror
                            </div>

                            <div class="col-md-2">
                                <label for="branch" class="mb-2">Branch</label>
                                <div class="col-12">
                                    <select class="form-select" id="branch" name="branch"
                                        aria-label="Default select example">
                                        <option value="">Select Branch</option>
                                    </select>
                                </div>
                                @error('branch')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label class="mb-2">Joining Date</label>
                                <div class="input-group" id="DateRange">
                                    <input type="date" class="form-control" placeholder="Start"
                                        value="{{ old('joining_start_date', request('joining_start_date')) }}"
                                        name="joining_start_date" aria-label="StartDate">
                                    <span class="input-group-text">to</span>
                                    <input type="date" class="form-control" placeholder="End" name="joining_end_date"
                                        value="{{ old('joining_end_date', request('joining_end_date')) }}"
                                        aria-label="EndDate">
                                </div>
                                @error('joining_start_date')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                @enderror
                                @error('joining_end_date')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                            <div class="col-md-1">
                                <label for="" class="mb-2"> </label>
                                <div class="text-end">
                                    <button class="btn btn-primary" name="submit" value="submit"
                                        type="submit">Search</button>
                                </div>
                            </div>
                            <div class="col-md-1">
                                <label for="" class="mb-2"> </label>
                                <div class="text-end">
                                    <button class="btn btn-success" type="submit" name="download"
                                        value="download">Download</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!--end card-header-->
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Company Name</th>
                                    <th>Branch Name</th>
                                    <th>Applicant Name</th>
                                    <th>Tracking No</th>
                                    <th>Joining Date</th>
                                    <th>Expire Date</th>
                                    <th>Status</th>

                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($placements as $index=>$placement)
                                    <tr>
                                        <td>
                                            <div class="form-check form-check-sm form-check-custom form-check-solid">
                                                {{ $index + $placements->firstItem() }}
                                            </div>
                                        </td>
                                        <td>{{ $placement->company->name ?? '' }}</td>
                                        <td>{{ $placement->branch->name ?? '' }}</td>
                                        <td>{{ $placement->applicant->name ?? '' }}</td>
                                        <td>{{ $placement->applicant->tracking_number ?? '' }}</td>
                                        <td>{{ $placement->joining_date ?? '' }}</td>
                                        <td>{{ $placement->expire_date ?? '' }}</td>
                                        <td>
                                            @if ($placement->status == 1)
                                                <p class="badge bg-primary">Active</p>
                                            @else
                                                <p class="badge bg-danger">Inactive</p>
                                            @endif
                                        </td>
                                        {{-- <td class="text-end">
                                            <a href=""><i class="mdi mdi-eye-circle text-secondary font-24"></i></a>
                                            <a href="#"><i class="las la-trash-alt text-secondary font-16"></i></a>
                                        </td> --}}
                                    </tr>
                                @empty

                                    <tr>
                                        <td colspan="8" class="text-center">No data found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <!--end /table-->
                    </div>
                    <!--end /tableresponsive-->
                    {{ $placements->links('pagination::bootstrap-5') }}
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div> <!-- end col -->


    </div> <!-- end row -->
@endsection

@push('scripts')
    <script>
        $(function() {

            var oldBranch = '{{ old('branch', request('branch')) }}'
            $('#company').on('change', function() {
                var company_id = $(this).val();
                $('#branch').html('<option value="">Select Branch</option>');

                $.ajax({
                    method: "GET",
                    url: '{{ route('get.branch') }}',
                    data: {
                        company_id: company_id
                    }
                }).done(function(data) {
                    $.each(data, function(index, item) {
                        if (oldBranch == item.id) {
                            $('#branch').append('<option selected value="' + item
                                .id +
                                '" selected>' + item.name + '</option>');
                        } else {
                            $('#branch').append('<option value="' + item.id +
                                '">' + item
                                .name + '</option>');
                        }
                    });


                });

            });
            $('#company').trigger('change');

        })
    </script>
@endpush