@extends("admin.layout.base") @extends("admin.layout.header") @section("title") Vaskemaskiner - Vis @endsection @section("path") <a href="{{ route('washing-machines.index') }}" class="text-white">Vis Vaskemaskiner</a> / @endsection @section("content") <style> .letterSpaceTable{ letter-spacing: 1.2px; } </style> <div class="row align-items-center"> @if(auth()->user()->can('washing.machine.create')) <a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('washing-machines.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Vaskemaskine</a> @endif @if(auth()->user()->can('locations.create')) <a class="btn btn-inline btn-sde-blue mb-0 ml-1" href="{{ route('locations.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Vaskemaskine lokation</a> @endif <div class="mt-1 ml-1"> <select name="risRosName" id="locationID"> <option selected="selected" name="all" value="all">Alle</option> @foreach(\App\Location::query()->get() as $location) <option value="{{$location->id}}">{{$location->name}}</option> @endforeach </select> <label>Vælg bygning</label> </div> </div> <div id="searchWashingMachine" class="mt-2"> <label>Vaskemaskiner</label> <table id="washingSearch" class="tbl letterSpaceTable fixOverflow"> <thead> <th>Navn</th> <th>Lokation</th> @if(auth()->user()->can('washing.machine.edit')) <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/pencil.svg') }}" alt="Update"></th> @endif @if(auth()->user()->can('washing.machine.delete')) <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/trashcan.svg') }}" alt="Delete"></th> @endif </thead> @foreach($machines as $machine) <tr> <td>{{$machine->name}}</td> <td>{{\App\Location::query()->where("id", "=", $machine->location_id)->first()->name}}</td> @if(auth()->user()->can('washing.machine.edit')) <td><a href="{{ route('washing-machines.edit', [ 'washing_machine' => $machine ]) }}"><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td> @endif @if(auth()->user()->can('washing.machine.delete')) <td><form method="post" action="{{ route('washing-machines.destroy', [ 'washing_machine' => $machine ]) }}" class="w-100 nostyle"> @csrf @method("delete") <button class="w-100 nostyle" onclick="return confirm('Are you sure you want to delete?');" type="submit"><img class="w-100 cursor-pointer" src="{{ asset('/images/icons/trashcan-dark.svg') }}" alt="Delete"></button> </form> </td> @endif </tr> @endforeach </table> </div> <div id="locations" class="mt-2"> <label>Vaskemaskine lokation</label> <table class="tbl"> <thead> <th>Navn</th> <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/eye.svg') }}" alt="Show"></th> @if(auth()->user()->can('locations.edit')) <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/pencil.svg') }}" alt="Update"></th> @endif @if(auth()->user()->can('locations.delete')) <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/trashcan.svg') }}" alt="Delete"></th> @endif </thead> @foreach(\App\Location::query()->get() as $location) <tr> <td>{{$location->name}}</td> <td><a href="{{ route("locations.show", [ "location" => $location ]) }}"><img class="w-100" src="{{ asset('/images/icons/eye-dark.svg') }}" alt="Show"></a></td> @if(auth()->user()->can('locations.edit')) <td><a href="{{ route("locations.edit", [ "location" => $location ]) }}"><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td> @endif @if(auth()->user()->can('locations.delete')) <td><form method="post" action="{{ route("locations.destroy", [ "location" => $location ]) }}" class="w-100 nostyle"> @csrf @method("delete") <button onclick="return confirm('Are you sure you want to delete?');" class="w-100 nostyle" type="submit"><img class="w-100 cursor-pointer" src="{{ asset('/images/icons/trashcan-dark.svg') }}" alt="Delete"></button> </form> </td> @endif </tr> @endforeach </table> </div> <script> $('#locationID').change(function () { $value = $('#locationID').find(":selected").val(); console.log($value); $.ajax({ type: 'get', url: '{{route('washing-machines.search')}}', data: {'option':$value}, success:function (data) { $('#washingSearch').html(data); }, error:function (data) { console.log(data); } }); }) </script> @endsection