@extends('backend.layouts.app')
@section('content')
<style>
    .chosen-container {
        width: 100% !important;
    }

    .chosen-container-multi .chosen-choices {
        padding: 8px;
        border-radius: 7px;
        background-color: none !important;
        background-image: none !important;
    }
</style>
<h1 class="page-header">
    @lang('messages.files.update_file') 
</h1>
<div class="panel panel-inverse">
    <div class="panel-heading">
        <h4 class="panel-title">@lang('messages.files.update_file')</h4>
        <div class="panel-heading-btn">
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success reload" data-id="panel-reload"><i class="fa fa-redo"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
        </div>
    </div>
    <div class="panel-body">
        <div class="col-lg-12">
            @if(session('success'))
                <div class="alert alert-success">
                    <strong>Good Job!</strong> {{ session('success') }}
                </div>
            @endif
            @if(session('error'))
                <div class="alert alert-error">
                    <strong>Alert!</strong> {{ session('error') }}
                </div>
            @endif
        </div>
        <form id="editFileForm" action="{{ route('files.update', $id_encrypted) }}" class="row g-5" method="POST">
            @csrf
            @method('PUT')
            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="edit_file_name">@lang('messages.files.file_name')</label>
                    <input type="text" id="edit_file_name" value="{{ $file->file_name }}" name="file_name" class="form-control" placeholder="@lang('messages.files.file_name')" />
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="edit_file_password">@lang('messages.files.file_password')</label>
                    <input type="text" id="edit_file_password" value="{{ $file->file_password }}" name="file_password" class="form-control" placeholder="@lang('messages.files.file_password')" />
                </div>
            </div>
            <div class="col-12 col-md-4">
                <div class="form-group">
                    <label for="edit_file_status">@lang('messages.files.status')</label>
                    <select id="edit_file_status" name="file_status" class="form-control" aria-label="Default select example">
                        <option value="ACTV" @if($file->file_status == 'ACTV') selected @endif>@lang('messages.files.active')</option>
                        <option value="NACT" @if($file->file_status == 'NACT') selected @endif>@lang('messages.files.inactive')</option>
                    </select>
                </div>
            </div>
            <div class="col-12 col-md-4">
                <div class="form-group">
                    <label for="edit_file_redirect">Redirect</label>
                    <select id="edit_file_redirect" name="file_redirect" class="form-control" aria-label="Default select example">
                        <option value="ACTV" @if($file->file_redirect == 'ACTV') selected @endif>@lang('messages.files.active')</option>
                        <option value="NACT" @if($file->file_redirect == 'NACT') selected @endif>@lang('messages.files.inactive')</option>
                    </select>
                </div>
            </div>
            <div class="col-12 col-md-4">
                <div class="form-group">
                    <label for="file_type">@lang('messages.files.type')</label>
                    <select id="file_type" name="file_type" class="form-control" aria-label="Default select example">
                        <option value="GNRL" @if($file->file_type == 'GNRL') selected @endif>@lang('messages.files.general')</option>
                        <option value="USER" @if($file->file_type == 'USER') selected @endif>@lang('messages.files.user')</option>
                    </select>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="edit_windows_url">@lang('messages.files.windows_url')</label>
                    <input type="text" id="edit_windows_url" value="{{ $file->windows_url }}" name="windows_url" class="form-control" placeholder="@lang('messages.files.windows_url')" />
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="edit_mac_url">@lang('messages.files.mac_url')</label>
                    <input type="text" id="edit_mac_url" value="{{ $file->mac_url }}" name="mac_url" class="form-control" placeholder="@lang('messages.files.mac_url')" value="" aria-describedby="basic-url24">
                </div>
            </div>
            <div class="col-12 col-md-12" id="id_users_data" @if($file->file_type == 'GNRL') style="display: none;" @endif>
                <div class="form-group">
                    <label for="edit_id_user">@lang('messages.files.select_user')</label>
                    <select multiple class="form-control select2" id="id_users" name="id_users[]" >
                        @foreach($users as $user)
                        <option value="{{ $user->id }}" @if(in_array($user->id, explode(',',$file->id_users))) selected @endif>{{ $user->first_name }} {{ $user->last_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="col-12 text-center">
                <button type="submit" class="btn btn-primary me-3">@lang('messages.files.submit')</button>
                <button type="reset" class="btn btn-outline-secondary" data-bs-dismiss="modal" aria-label="Close">@lang('messages.files.cancel')</button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('footer_scripts')
<script>
    $("#file_type").on("change", function() {
        if($(this).val() == 'GNRL')
            $("#id_users_data").hide()
        else
            $("#id_users_data").show()
    })

    setTimeout(() => {
        $(".alert").hide();
    }, 3000);

</script>
@endsection