@extends('layouts.main')

@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/resolve-contacts-request.css')}}"/>
    @endpush
@endonce

@section('content')

    <div blade="{{ $viewName ?? 'unknown' }}" class="requests-resolve-contacts">
        <x-page-header back-link="{{route('management-contacts.requests')}}">
            RESOLVING REQUEST ID:{{$contact_request->id}}
        </x-page-header>
        <form action="{{route('management-contacts.resolve-contacts-request.update', ['contactRequest' => $contact_request])}}"
              id="contacts-request-{{$contact_request->id}}" method="POST">
            @csrf
            <div class="row g-4">
                <div class="col-6">
                    <x-ui.input-field
                        label="ΟΝΟΜΑ (ΕΛΛΗΝΙΚΑ)"
                        name="firstname"
                        value="{{$contact_request->firstname_el}}"
                        readonly="true"
                        class="input-readonly"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="ΕΠΙΘΕΤΟ (ΕΛΛΗΝΙΚΑ)"
                        name="lastname"
                        value="{{$contact_request->lastname_el}}"
                        readonly="true"
                        class="input-readonly"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="FIRSTNAME (ENGLISH)"
                        name="firstname_en"
                        value="{{$contact_request->firstname_en}}"
                        readonly="true"
                        class="input-readonly"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="LASTNAME (ENGLISH)"
                        name="lastname_en"
                        value="{{$contact_request->lastname_en}}"
                        readonly="true"
                        class="input-readonly"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="UNIT"
                        name="unit"
                        value="{{$unit}}" readonly="true"
                        class="input-readonly"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="BUILDING"
                        name="building"
                        value="{{$contact_request->building_id}}" readonly="true"
                        class="input-readonly"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="PHONE EXTERNAL"
                        name="phone_ext"
                        value="{{$contact_request->phone_ext}}"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="PHONE INTERNAL"
                        name="phone"
                        value="{{$contact_request->phone}}"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="SKYPE"
                        name="skype"
                        value="{{$contact_request->skype}}"
                    >
                    </x-ui.input-field>
                </div>
                <div class="col-6">
                    <x-ui.input-field
                        label="WEBPAGE"
                        name="webpage"
                        value="{{$contact_request->webpage}}"
                    >
                    </x-ui.input-field>
                </div>
            </div>
            <div class="buttons-container-ext">
                <x-unsaved-changes hasSaveButton={{false}}/>
                <x-ui.blue-button form="contacts-request-{{$contact_request->id}}" name="submitValue" value='deny'>
                    DENY CHANGES
                </x-ui.blue-button>
                <x-ui.blue-button form="contacts-request-{{$contact_request->id}}" name="submitValue" value='accept'>
                    ACCEPT CHANGES
                </x-ui.blue-button>
            </div>
        </form>
    </div>

@endsection