@extends('layouts.admin')
@section('content')
    <style>
        .table td {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .table th {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    </style>
    <h1 class="app-page-title">Úprava: {{ $customer->name.' '.$customer->surrname }}</h1>
    <div class="col-12">
        <div class="app-card app-card-chart h-100 shadow-sm">
            <div class="app-card-header p-3">
                <div class="row justify-content-between align-items-center">
                    <div class="col-auto">
                        <h4 class="app-card-title">Úprava zákazníka</h4>
                    </div>
                    <!--//col-->
                    <div class="col-auto">

                        <!--//card-header-actions-->
                    </div>
                    <!--//col-->
                </div>
                <!--//row-->
            </div>
            <!--//app-card-header-->
            <div class="app-card-body p-3 p-lg-4">

                <form class="settings-form" action="/customer/{{ $customer->id }}/edit" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label for="setting-input-2" class="form-label">Email</label>
                        <input type="text" class="form-control" id="setting-input-2" name="amount"
                            value="{{ $customer->email }}" required="" readonly>
                    </div>

                    <div class="mb-3">
                        <label for="note" class="form-label">Poznámka</label>
                            <textarea class="form-control" name="note" id="note" cols="30" rows="10" style="min-height:100px;">{{ $customer->note }}</textarea>
                    </div>

                    <div>
                        <button type="submit" class="btn app-btn-primary"
                            style="font-size:16px; padding:8px 25px;">Upravit</button>
                    </div>
                </form>

            </div>
            <!--//app-card-body-->
        </div>
        <!--//app-card-->
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $('#socials').DataTable({
                searching: false,
                ordering: false,
                paging: false
            });
        });
    </script>
@endsection