@extends('blocks.modal', ['modalName' => "accounting-presenters-details-modal"])

@section('modal-header')
    <div class="mdl-grid">
        <div class="mdl-cell mdl-cell--12-col" style="text-align: left;">
            <h4 class="mdl-color-text--indigo modal-title">Szczegóły</h4>
        </div>
    </div>
@overwrite

@section('modal-content')
        @include('blocks.presenter-salary')
@overwrite

<style>
    .salary-table th {
        text-align: center;
        line-height: 1em;
    }

    #accounting-presenters-details-modal .modal-body {
        display: flex;
    }
</style>

@section('modal-scripts')
    <style>
        #accounting-presenters-details-modal .modal-dialog {
            width: intrinsic;           /* Safari/WebKit uses a non-standard name */
            width: -moz-max-content;    /* Firefox/Gecko */
            width: -webkit-max-content;
            min-width: 300px; max-width: 1200px; }
        #accounting-presenters-details-modal .modal-footer { display: none !important; }
    </style>
    <script>
        var accountingPresentersDetailsCallback = null;
        function showAccountingPresentersDetailsModal(title, data, callback) {
            accountingPresentersDetailsCallback = callback;

            $('.modal-title').html(title);
            fillPresenterSalaryDetails(data.presenter_id, datetimeParams);
            $('#accounting-presenters-details-modal').modal();
        }


    </script>
@overwrite