@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            @include('partials._alerts')
            <div class="col d-flex">
                <a href="{{route('device.create')}}" type="button" class="btn btn-primary px-5">დანადგარის დამატება</a>
                <div style="margin-left:15px;">
                    <div class="dropdown" >
                        <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Excell</button>
                        <ul class="dropdown-menu" style="margin: 0px;">
                            <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#exampleModal" href="javascript:;">იმპორტი</a>
                            <a class="dropdown-item" href="{{route('device.export.excell')}}">ექპორტი</a>
                        </ul>
                    </div>
                </div>
                <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">აირჩიეთ ფაილი</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <form action="{{ route('device.import.excell') }}"method="POST" enctype="multipart/form-data">
                                <div class="modal-body">
                                    @csrf
                                    <input type="file" name="file" class="form-control">
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">X</button>
                                    <button type="submit" class="btn btn-primary">ატვირთვა</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="card">
                <div class="card-body">
                    <div class="d-lg-flex align-items-center mb-4 gap-3">
                        <div class="position-relative">
                            <input onkeyup="liveSearch($(this).val())" type="text" class="form-control ps-5 radius-30" placeholder="საიდენ კოდი"> <span class="position-absolute top-50 product-show translate-middle-y"><i class="bx bx-search"></i></span>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table mb-0">
                            <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>კოდი</th>
                                <th>დასახელება</th>
                                <th>ტიპი</th>
                                <th>მოდელი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($devices as $device)
                                <tr>
                                    <td>
                                    </td>
                                    <td>{{$device->code}}</td>
                                    <td>{{$device->name}}</td>
                                    <td>{{$device->type}}</td>
                                    <td>{{$device->model}}</td>
                                    <td>
                                        <div class="d-flex order-actions">
                                            <a href="{{route('device.edit',$device->id)}}" class=""><i class='bx bxs-edit'></i></a>
                                            <form action="{{route('device.destroy',$device->id)}}" method="post">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" style="border: none;border-radius: 6px;padding: 4px 10px;font-size: 16px;" onclick="return confirm('დარწმუნებული ხართ რომ წაიშალოს ?');" class="ms-3"><i class='bx bxs-trash'></i></button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <hr>
                        {{$devices->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        function liveSearch(val){
            console.log(val);
        }
    </script>
@endpush