@extends('layouts.master')
@section('title')
    Uređivanje podataka za Usluge
@endsection
@section('css')
    <!-- extra css -->
    <!-- Sweet Alert css-->
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
    <x-breadcrumb title="Usluge" pagetitle="Uređivanje podataka" />

    <div class="row" id="usersList">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">

                    <form method="post" action="{{ route('service.update') }}">
                        @csrf

                        <input type="hidden" name="id" value="{{ $service->id }}">

                        <div class="row">
                        <div class="mb-3">
                            <label for="user-name" class="form-label">Naziv Usluge</label>
                            <input type="text" name="service_name" id="user-name-field" class="form-control" value="{{ $service->service_name }}" placeholder="Upiši naziv usluge.."
                                required />
                        </div>
                        <div class="mb-3">
                            <label for="email-field" class="form-label">Kategorija</label>
                            <select name="category_id" class="form-select">
                                @foreach($category as $cat)
                                <option value="{{ $cat->id }}" {{ $cat->id == $service->category_id ? 'selected' : ''  }}>{{ $cat->category_name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="user-name" class="form-label">Cijena usluge po satu</label>
                            <input type="number" name="selling_price" id="user-name-field" class="form-control" value="{{ $service->selling_price }}" placeholder="Upiši cijenu usluge po satu.."
                                required />
                        </div>
                            <div class="col-lg-12">
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">Spremi Promjene</button>
                                </div>
                            </div><!--end col-->
                        </div><!--end row-->
                    </form>
                </div>
            </div>
        </div>
    </div>


@endsection
@section('scripts')
    <!-- list.js min js -->
    <script src="{{ URL::asset('assets/libs/list.js/list.min.js') }}"></script>
    <script src="{{ URL::asset('assets/libs/list.pagination.js/list.pagination.min.js') }}"></script>

    <script src="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>

    <script src="{{ URL::asset('assets/js/backend/users-list.init.js') }}"></script>

    <!-- App js -->
    <script src="{{ URL::asset('assets/js/app.js') }}"></script>
@endsection